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