[css-gcpm] adding whitespace around pre elements to fix validation errors after bikeshedding

Author: dauwhe

css-gcpm/Overview.html

@@ -261,31 +261,36 @@ <h5 class="heading settled heading" data-level=1.1.1.1 id=content-function-heade
 
 
 <p>Whenever the value of the element changes, the value of the named string(s) is updated. User agents must be able to recall many values of the named string, as the <a class=css data-link-type=maybe href=#funcdef-string title=string()>string()</a> function can return past, current, or future values of the assignment.
-<div class=example>
-HTML:
+<div class=example><p></p>
+
+<p>HTML:</p>
+
 <pre>&lt;h1&gt;Loomings&lt;/h1&gt;
+</pre>
 
+<p>CSS:</p>
 
-<p>CSS:
 <pre>h1::before { content: 'Chapter ' counter(chapter); }
 h1 { string-set: header content(before) ':' content(text); }
 h1::after { content: '.'; }
-
-
+</pre>
 
 <p>The value of the named string “header” will be “Chapter 1: Loomings”.
-</pre></pre></div><p></p>
+</div><p></p>
 
 <div class=example>
 HTML:
+
 <pre>&lt;section title="Loomings"&gt;
 </pre>
-<p>CSS:
-<pre>section { string-set: header attr(title) }
 
+<p>CSS:</p>
+
+<pre>section { string-set: header attr(title) }
+</pre>
 
 <p>The value of the “header” string will be “Loomings”.
-</pre></div><p></p>
+</div><p></p>
 
 
 <h4 class="heading settled heading" data-level=1.1.2 id=using-named-strings><span class=secno>1.1.2 </span><span class=content>
@@ -704,9 +709,12 @@ <h3 class="heading settled heading" data-level=3.1 id=document-page-selectors><s
 <div class=example>
 <pre>
 @page :nth(1)
-</pre> This selects the first page of the document. <pre>@page :nth(2n)
-</pre> This selects all even document pages. 
-</div>
+</pre>
+
+<p>This selects the first page of the document.
+<pre>
+@page :nth(2n)
+</pre> This selects all even document pages. </div><p></p>
 
 
 

css-gcpm/Overview.src.html

@@ -104,11 +104,15 @@ <h5 id="content-function-header">The ''content()'' function</h5>
 
 Whenever the value of the element changes, the value of the named string(s) is updated. User agents must be able to recall many values of the named string, as the ''string()'' function can return past, current, or future values of the assignment. 
 <div class="example">
+
 HTML:
+
 <pre>
 &lt;h1>Loomings&lt;/h1>
 </pre>
+
 CSS:
+
 <pre>
 h1::before { content: 'Chapter ' counter(chapter); }
 h1 { string-set: header content(before) ':' content(text); }
@@ -120,13 +124,17 @@ <h5 id="content-function-header">The ''content()'' function</h5>
 
 <div class="example">
 HTML:
+
 <pre>
 &lt;section title="Loomings">
 </pre>
+
 CSS:
+
 <pre>
 section { string-set: header attr(title) }
 </pre>
+
 The value of the “header” string will be “Loomings”.
 </div>
 
@@ -681,7 +689,10 @@ <h3 id="document-page-selectors">
 <div class="example">
 <pre>
 @page :nth(1)
-</pre> This selects the first page of the document. <pre>
+</pre> 
+
+This selects the first page of the document. 
+<pre>
 @page :nth(2n)
 </pre> This selects all even document pages. 
 </div>