[css-grid] Yay, syntax highlighting works now

--HG--
extra : rebase_source : ebf531a8a8035a9421f9279033fd97dcce1d8fc4

Author: tabatkins

css-grid/Overview.bs

@@ -154,9 +154,9 @@ Adapting Layouts to Available Space</h3>
 	using the 'grid-template-rows' and 'grid-template-columns' properties on the <a>grid container</a>,
 	and the 'grid-row' and 'grid-column' properties on each <a>grid item</a>.
 
-	<pre class="example">
-		&lt;style type="text/css">
-		  #grid {
+	<div class="example">
+		<pre class="lang-css">
+		#grid {
 			display: grid;
 
 			/* Two columns: the first sized to content, the second receives
@@ -169,27 +169,30 @@ Adapting Layouts to Available Space</h3>
 			 * row receives the remaining space, but is never smaller than
 			 * the minimum height of the board or stats areas. */
 			grid-template-rows: auto minmax(min-content, 1fr) auto
-		  }
+		}
+
+		/* Each part of the game is positioned between grid lines by
+		 * referencing the starting grid line and then specifying, if more
+		 * than one, the number of rows or columns spanned to determine
+		 * the ending grid line, which establishes bounds for the part. */
+		#title    { grid-column: 1; grid-row: 1 }
+		#score    { grid-column: 1; grid-row: 3 }
+		#stats    { grid-column: 1; grid-row: 2; justify-self: start }
+		#board    { grid-column: 2; grid-row: 1 / span 2; }
+		#controls { grid-column: 2; grid-row: 3; align-self: center }
+		</pre>
 
-		  /* Each part of the game is positioned between grid lines by
-		   * referencing the starting grid line and then specifying, if more
-		   * than one, the number of rows or columns spanned to determine
-		   * the ending grid line, which establishes bounds for the part. */
-		  #title    { grid-column: 1; grid-row: 1 }
-		  #score    { grid-column: 1; grid-row: 3 }
-		  #stats    { grid-column: 1; grid-row: 2; justify-self: start }
-		  #board    { grid-column: 2; grid-row: 1 / span 2; }
-		  #controls { grid-column: 2; grid-row: 3; align-self: center }
-		&lt;/style>
+		<pre class="lang-markup">
 
-		&lt;div id="grid">
-		  &lt;div id="title">Game Title&lt;/div>
-		  &lt;div id="score">Score&lt;/div>
-		  &lt;div id="stats">Stats&lt;/div>
-		  &lt;div id="board">Board&lt;/div>
-		  &lt;div id="controls">Controls&lt;/div>
-		&lt;/div>
-	</pre>
+			&lt;div id="grid">
+			  &lt;div id="title">Game Title&lt;/div>
+			  &lt;div id="score">Score&lt;/div>
+			  &lt;div id="stats">Stats&lt;/div>
+			  &lt;div id="board">Board&lt;/div>
+			  &lt;div id="controls">Controls&lt;/div>
+			&lt;/div>
+		</pre>
+	</div>
 
 <h3 id='source-independence'>
 Source-Order Independence</h3>