third_party/WebKit/LayoutTests/fast/block/line-layout/floats-do-not-fit-on-line.html

   1 <!doctype HTML>
   2 <style>
   3     ul {
   4         font: 20px Ahem;
   5     }
   6     body {
   7         margin: 0;
   8         padding: 0px;
   9     }
  10 </style>
  11 <ul>
  12     <li style="width: 50px;"><span style="float:right;width:52px; height: 20px; background-color: green;" data-total-y=20>A</span>
  13     <span style="float:right;width:20px; height: 20px; background-color: green;" data-total-y=40>A</span>AAAAA
  14 </ul>
  15 <ul>
  16     <li style="width: 50px;"><span style="float:right;width:32px; height: 20px; background-color: green;" data-total-y=100>A</span>
  17     <span style="float:right;width:20px; height: 20px; background-color: green;" data-total-y=120>A</span>AAAAA
  18 </ul>
  19 <p>crbug.com/366052 : Floats that don't fit on a line should never get placed below the line that comes after them. </p>
  20 <script src="../../../resources/check-layout.js"></script>
  21 <script>
  22     document.body.offsetLeft;
  23     checkLayout("span");
  24 </script>
  25