| <html> |
| <script src="../../../resources/check-layout.js"></script> |
| <style> |
| body { |
| margin: 0px; |
| padding: 0px; |
| } |
| </style> |
| <body onload="checkLayout('#line')"> |
| <div style="height: 20px;"> |
| <div style="background-color: gray; height: 40px;"> |
| <div style="float: left; height: 30px; background-color: blue; width: 100px;"></div> |
| </div> |
| <div style="background-color: gray; height: 40px;"> |
| <div style="float: left; height: 30px; background-color: blue; width: 100px;"></div> |
| </div> |
| <div style="background-color: gray; height: 40px;"> |
| </div> |
| </div> |
| <div style="background-color: silver; height: 80px;"> |
| <div id="line" data-total-x=100 style="display:inline-block;">This line should not overlap the blue box.</div> |
| </div> |
| </body> |
| </html> |