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