[shadow-styling] Markup typo.

Author: tabatkins

shadow-styling/Overview.html

@@ -54,7 +54,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>Shadow DOM Styling</h1>
   <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20140208>8 February 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140210>10 February 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/shadow-styling>http://dev.w3.org/csswg/shadow-styling</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/shadow-styling>http://dev.w3.org/csswg/shadow-styling</a>
     <dt>Feedback:</dt>
         <dd><a href="mailto:www-style@w3.org?subject=%5Bshadow-styling%5D%20feedback">www-style@w3.org</a>
@@ -369,19 +369,19 @@ <h3 class="heading settled heading" data-level=4.4 id=content-combinator><span c
 		For example, say you had a component with both children and a shadow tree,
 		like the following:
 
-		<x-foo>
-			<div id=one>...</div>
-			<div id=two>...</div>
-			<div id=three>
-				<div id=four>...</div>
-			</div>
-			&lt;"shadow tree"&gt;
-				<div id=five>...</div>
-				<div id=six>...</div>
-				<content select=:nth-child(odd)></content>
-			
-		</x-foo>
-
+		<pre>  &lt;x-foo&gt;
+    &lt;div id="one"&gt;...&lt;/div&gt;
+    &lt;div id="two"&gt;...&lt;/div&gt;
+    &lt;div id="three"&gt;
+      &lt;div id="four"&gt;...&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;"shadow tree"&gt;
+      &lt;div id="five"&gt;...&lt;/div&gt;
+      &lt;div id="six"&gt;...&lt;/div&gt;
+      &lt;content select=":nth-child(odd)"&gt;&lt;/content&gt;
+    &lt;/"shadow tree"&gt;
+  &lt;/x-foo&gt;
+</pre>
 <p>		For a stylesheet within the <a data-link-type=dfn href=#shadow-tree title="shadow tree">shadow tree</a>,
 		a selector like <span class=css data-link-type=maybe title="* /content div">* /content div</span>
 		selects <span class=css data-link-type=maybe title=#one>#one</span> and <span class=css data-link-type=maybe title=#three>#three</span>,

shadow-styling/Overview.src.html

@@ -247,18 +247,20 @@ <h3 id='content-combinator'>
 		For example, say you had a component with both children and a shadow tree,
 		like the following:
 
-		<x-foo>
-			<div id="one">...</div>
-			<div id="two">...</div>
-			<div id="three">
-				<div id="four">...</div>
-			</div>
-			<"shadow tree">
-				<div id="five">...</div>
-				<div id="six">...</div>
-				<content select=":nth-child(odd)"></content>
-			</"shadow tree">
-		</x-foo>
+		<pre>
+			&lt;x-foo>
+				&lt;div id="one">...&lt;/div>
+				&lt;div id="two">...&lt;/div>
+				&lt;div id="three">
+					&lt;div id="four">...&lt;/div>
+				&lt;/div>
+				&lt;"shadow tree">
+					&lt;div id="five">...&lt;/div>
+					&lt;div id="six">...&lt;/div>
+					&lt;content select=":nth-child(odd)">&lt;/content>
+				&lt;/"shadow tree">
+			&lt;/x-foo>
+		</pre>
 
 		For a stylesheet within the <a>shadow tree</a>,
 		a selector like ''* /content div''