| <!DOCTYPE html> | |
| <style> | |
| .first { | |
| display: inline-block; | |
| width: 50px; | |
| background: lime; | |
| } | |
| .second { | |
| display: inline-block; | |
| width: 50px; | |
| background: cyan; | |
| } | |
| </style> | |
| <p>This test checks that flex items text and background are not interleaved.</p> | |
| <p>The test passes if you see "Item2" on top of "VeryLongItem1".</p> | |
| <div> | |
| <div class="first">VeryLongItem1</div><div class="second">Item2</div> | |
| </div> |