<!DOCTYPE html>
<style>
    body {
        margin: 0;
        padding: 0;
    }
    #container {
        position: relative;
        background: #ccc;
        font: 20px Ahem;
    }
    #floater {
        float: none;
    }
</style>
<body>
    <p> When a block element becomes a float we should not strip anonymous blocks wrapping its inline siblings if there are other blocks on the 
        line. In this test case, the block is wrapped in an anonymous block as part of a continuation.</p>
    <div id="container">
        <span>
            <p>Text</p>
        </span>
        <dd id="floater"></dd>
    </div>
    <script>
        document.body.offsetTop;
        document.getElementById('floater').style.float = 'right';
    </script>
</body>