<title>Test for rdar://problem/6036232 https://bugs.webkit.org/show_bug.cgi?id=18088</title>
<style>
span { margin-left: 4px; float: left; white-space: nowrap; color: blue; }
</style>
<div style="position: relative; width: 0; height: 96px;">
<div style="background-color: lightblue; position: absolute; width: auto; top: 0; left: 0; font-family: Ahem;">
<span>float</span>
<span>floa</span>
word
<span>flo</span>
<span>fl</span>
</div>
</div>
<div style="position: relative; width: 0; height: 112px;">
<div style="background-color: lightblue; position: absolute; width: auto; top: 0; left: 0; font-family: Ahem;">
<span>float</span>
<span>floa</span>
longer word
<span>flo</span>
<span>fl</span>
</div>
</div>