20 lines
514 B
HTML
20 lines
514 B
HTML
<!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>
|