<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>