@@ -669,12 +669,12 @@ Grid Areas</h3>
669669 <pre>
670670 /* using the template syntax */
671671 #grid {
672- display: grid;
673- grid-template-areas: ". a"
674- "b a"
675- ". a";
676- grid-template-columns: 150px 1fr;
677- grid-template-rows: 50px 1fr 50px;
672+ display: grid;
673+ grid-template-areas: ". a"
674+ "b a"
675+ ". a";
676+ grid-template-columns: 150px 1fr;
677+ grid-template-rows: 50px 1fr 50px;
678678 }
679679
680680 #item1 { grid-area: a }
@@ -985,22 +985,22 @@ Grid Items</h2>
985985 <pre class="lang-markup">
986986 <div style="display: grid">
987987
988- <!-- grid item: block child -->
989- <div id="item1">block</div>
988+ <!-- grid item: block child -->
989+ <div id="item1">block</div>
990990
991- <!-- grid item: floated element; floating is ignored -->
992- <div id="item2" style="float: left;">float</div>
991+ <!-- grid item: floated element; floating is ignored -->
992+ <div id="item2" style="float: left;">float</div>
993993
994- <!-- grid item: anonymous block box around inline content -->
995- anonymous item 3
994+ <!-- grid item: anonymous block box around inline content -->
995+ anonymous item 3
996996
997- <!-- grid item: inline child -->
998- <span>
999- item 4
1000- <!-- grid items do not <a href="https://www.w3.org/TR/CSS2/visuren.html#anonymous-block-level">split</a> around blocks -->
1001- <q style="display: block" id=not-an-item>item 4</q>
1002- item 4
1003- </span>
997+ <!-- grid item: inline child -->
998+ <span>
999+ item 4
1000+ <!-- grid items do not <a href="https://www.w3.org/TR/CSS2/visuren.html#anonymous-block-level">split</a> around blocks -->
1001+ <q style="display: block" id=not-an-item>item 4</q>
1002+ item 4
1003+ </span>
10041004 </div>
10051005 </pre>
10061006
0 commit comments