<!DOCTYPE html>
<link href="resources/flexbox.css" rel="stylesheet">
<style>
.first {
    width: 50px;
    background: lime;
}

.second {
    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 class="flexbox">
    <div class="first">VeryLongItem1</div>
    <div class="second">Item2</div>
</div>