<!DOCTYPE html>
<link href="resources/grid.css" rel="stylesheet">
<style>
.grid {
    grid-template-columns: 50px 50px;
}
.firstRowFirstColumnSpanning2 {
    background: lime;
    grid-column: 1 / span 2;
    grid-row: 1;
}
</style>

<p>This test checks that grid items text and background are not interleaved.</p>
<p>The test passes if you see only "PASS" text and not "FAIL".</p>
<div class="grid">
    <div class="firstRowSecondColumn">FAIL</div>
    <div class="firstRowFirstColumnSpanning2">PASS</div>
</div>