Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/fast/block/line-layout/floats-do-not-fit-on-line.html 

<!doctype HTML>
<style>
    ul {
        font: 20px Ahem;
    }
    body {
        margin: 0;
        padding: 0px;
    }
</style>
<ul>
    <li style="width: 50px;"><span style="float:right;width:52px; height: 20px; background-color: green;" data-total-y=20>A</span>
    <span style="float:right;width:20px; height: 20px; background-color: green;" data-total-y=40>A</span>AAAAA
</ul>
<ul>
    <li style="width: 50px;"><span style="float:right;width:32px; height: 20px; background-color: green;" data-total-y=100>A</span>
    <span style="float:right;width:20px; height: 20px; background-color: green;" data-total-y=120>A</span>AAAAA
</ul>
<p>crbug.com/366052 : Floats that don't fit on a line should never get placed below the line that comes after them. </p>
<script src="../../../resources/check-layout.js"></script>
<script>
    document.body.offsetLeft;
    checkLayout("span");
</script>