[css-gcpm] fixing more whitespace

Author: dauwhe

css-gcpm/Overview.html

@@ -318,6 +318,7 @@ <h4 class="heading settled heading" data-level=1.1.2 id=using-named-strings><spa
 
 <div class=example>
 CSS:
+
 <pre>@page {
    size: 15cm 10cm;
    margin: 1.5cm;
@@ -386,13 +387,14 @@ <h4 class="heading settled heading" data-level=1.2.1 id=running-syntax><span cla
 
 <div class=example>
 
-<p>HTML:
+<p>HTML:</p>
+
 <pre>&lt;p class="rh"&gt;&lt;i&gt;Miranda v. Arizona&lt;/i&gt; in Context&lt;/p&gt;
 &lt;h2&gt;&lt;i&gt;Miranda v. Arizona&lt;/i&gt; in Context&lt;/h2&gt;
+</pre>
 
+<p>CSS:</p>
 
-
-<p>CSS:
 <pre> @top-center {
    content: element(heading); 
    }
@@ -404,8 +406,7 @@ <h4 class="heading settled heading" data-level=1.2.1 id=running-syntax><span cla
  p.rh::before { 
    content: counter(page) ' / '; 
    }
-
-
+</pre>
 
 
 
@@ -415,7 +416,7 @@ <h4 class="heading settled heading" data-level=1.2.1 id=running-syntax><span cla
 <p><img alt="running header using running elements" src=running-element-gcpm_Page_1.jpg width=480>
 </p><figcaption>Running element in page margin box</figcaption>
 </figure>
-</pre></pre></div><p></p>
+</div><p></p>
 
 
 
@@ -735,6 +736,7 @@ <h3 class="heading settled heading" data-level=3.2 id=document-sequence-selector
 
 <div class=example>
 CSS:
+
 <pre>
 div { page: A }
 child { page: B }
@@ -744,6 +746,7 @@ <h3 class="heading settled heading" data-level=3.2 id=document-sequence-selector
 <figcaption>A page may be part of several page groups.</figcaption>
 </figure>
 Note that page 5 can be selected in three ways:
+
 <pre>
 @page :nth(5 of A) /* will select 5th page of every &lt;div&gt; */
 @page :nth(1 of B) /* will select first page of every &lt;child&gt; */
@@ -921,25 +924,27 @@ <h3 class="heading settled heading" data-level=5.1 id=target-counter><span class
 </pre>
 <div class=example>
 HTML:
+
 <pre>
 …which will be discussed on page &lt;a href="#chapter4_sec2"&gt;000&lt;/a&gt;.
 </pre>
-<p>CSS:
+<p>CSS:</p>
+
 <pre>
 a::after { content: target-counter(attr(href url), page) }
-
-
+</pre>
 <p>Result:
 <pre>
 …which will be discussed on page 137.
 
 
-</pre></pre></div>
+</pre></div>
 
 <div class=example>
 Page numbers in tables of contents can be generated automatically:
 
-<p>HTML:
+<p>HTML:</p>
+
 <pre>
 &lt;nav&gt;
   &lt;ol&gt;
@@ -948,25 +953,24 @@ <h3 class="heading settled heading" data-level=5.1 id=target-counter><span class
     &lt;li class="bodymatter"&gt;&lt;a href="#chap_01"&gt;Chapter One&lt;/a&gt;&lt;/li&gt;
   &lt;/ol&gt;
 &lt;/nav&gt;
+</pre>
 
+<p>CSS:</p>
 
-
-<p>CSS:
 <pre>
 .frontmatter a::after { content: leader('.') target-counter(attr(href url), page, lower-roman) }
 .bodymatter a::after { content: leader('.') target-counter(attr(href url), page, decimal) }
+</pre>
 
+<p>Result:</p>
 
-
-<p>Result:
 <pre>
 Preface.............vii
 Introduction.........xi
 Chapter One...........1
+</pre>
 
-
-
-</pre></pre></pre></div>
+</div>
 
 
 
@@ -1043,19 +1047,20 @@ <h3 class="heading settled heading" data-level=6.2 id=bookmark-label><span class
 
 <div class=example>
 HTML:
+
 <pre>
 &lt;h1&gt;Loomings&lt;/h1&gt;
 </pre>
-<p>CSS:
+<p>CSS:</p>
+
 <pre>
 h1 { 
 bookmark-label: content(text);
 bookmark-level: 1;
 }
-
-
+</pre>
 <p>The bookmark label will be “Loomings”.
-</pre></div><p></p>
+</div><p></p>
 
 <h3 class="heading settled heading" data-level=6.3 id=bookmark-state><span class=secno>6.3 </span><span class=content>
 bookmark-state

css-gcpm/Overview.src.html

@@ -165,6 +165,7 @@ <h4 id="using-named-strings">
 
 <div class="example">
 CSS:
+
 <pre>
 @page {
    size: 15cm 10cm;
@@ -253,12 +254,14 @@ <h4 id="alternative-syntax-running">Alternative Proposal from Bert Bos</h4>
 <div class="example">
 
 HTML:
+
 <pre>
 &lt;p class="rh">&lt;i>Miranda v. Arizona&lt;/i> in Context&lt;/p>
 &lt;h2>&lt;i>Miranda v. Arizona&lt;/i> in Context&lt;/h2>
 </pre>
 
 CSS:
+
 <pre>
  @top-center {
    content: element(heading); 
@@ -718,6 +721,7 @@ <h3 id="document-sequence-selectors">
 
 <div class="example">
 CSS:
+
 <pre>
 div { page: A }
 child { page: B }
@@ -727,6 +731,7 @@ <h3 id="document-sequence-selectors">
 <figcaption>A page may be part of several page groups.</figcaption>
 </figure>
 Note that page 5 can be selected in three ways:
+
 <pre>
 @page :nth(5 of A) /* will select 5th page of every &lt;div> */
 @page :nth(1 of B) /* will select first page of every &lt;child> */
@@ -909,10 +914,12 @@ <h3 id="target-counter">
 </pre> 
 <div class="example">
 HTML:
+
 <pre>
 …which will be discussed on page &lt;a href="#chapter4_sec2">000&lt;/a>.
 </pre>
 CSS:
+
 <pre>
 a::after { content: target-counter(attr(href url), page) }
 </pre> 
@@ -926,6 +933,7 @@ <h3 id="target-counter">
 Page numbers in tables of contents can be generated automatically:
 
 HTML:
+
 <pre>
 &lt;nav>
   &lt;ol>
@@ -937,12 +945,14 @@ <h3 id="target-counter">
 </pre>
 
 CSS:
+
 <pre>
 .frontmatter a::after { content: leader('.') target-counter(attr(href url), page, lower-roman) }
 .bodymatter a::after { content: leader('.') target-counter(attr(href url), page, decimal) }
 </pre>
 
 Result:
+
 <pre>
 Preface.............vii
 Introduction.........xi
@@ -1045,10 +1055,12 @@ <h3 id="bookmark-label">
 
 <div class="example">
 HTML:
+
 <pre>
 &lt;h1>Loomings&lt;/h1>
 </pre>
 CSS:
+
 <pre>
 h1 { 
 bookmark-label: content(text);