[css-text-3] Clean up <pre> indentation, because Bikeshed chokes on comments and they're no longer necessary since it strips indentation.

Author: fantasai

css-text-3/Overview.bs

@@ -950,10 +950,12 @@ Line Breaking Details</h3>
       <p>As another example, Korean has two styles of line-breaking:
         between any two Korean syllables (''word-break: normal'')
         or, like English, mainly at spaces (''word-break: keep-all'').
-      <pre>각 줄의 마지막에 한글이 올 때 줄 나눔 기 /* break between syllables */
-<!--    -->준을 “글자” 또는 “어절” 단위로 한다.</pre>
-      <pre>각 줄의 마지막에 한글이 올 때 줄 나눔   /* break only at spaces */
-<!--    -->기준을 “글자” 또는 “어절” 단위로 한다.</pre>
+      <pre>
+        각 줄의 마지막에 한글이 올 때 줄 나눔 <strong>기
+        준을</strong> “글자” 또는 “어절” 단위로 한다.</pre>
+      <pre>
+        각 줄의 마지막에 한글이 올 때 줄 나눔
+        <strong>기준을</strong> “글자” 또는 “어절” 단위로 한다.</pre>
     </div>
 
     <p class="note">
@@ -1800,8 +1802,9 @@ Word Spacing: the 'word-spacing' property</h3>
     <p>The following example will make all the spaces between words in Arabic
     be rendered as zero-width, and double the width of each space in English:
 
-    <pre>:lang(ar) { word-spacing: -100%; }
-<!--  -->:lang(en) { word-spacing: 100%; }</pre>
+    <pre>
+      :lang(ar) { word-spacing: -100%; }
+      :lang(en) { word-spacing: 100%; }</pre>
 
     <p>The following example will <em>add</em> half the the width of the
       &ldquo;0&rdquo; glyph to word spacing character [[CSS-VALUES-3]]:
@@ -1870,9 +1873,9 @@ Word Spacing: the 'word-spacing' property</h3>
     <p>Because letter-spacing is not applied at the beginning or end of a line,
     text always fits flush with the edge of the block.
     <pre>
-<!-- -->p    { letter-spacing: 1em; }
+      p    { letter-spacing: 1em; }
 
-<!-- -->&lt;p>abc&lt;/p></pre>
+      &lt;p>abc&lt;/p></pre>
 
     <p class="ls-ex good ls-fixed-width color-box" style="text-align: left">a&emsp;b&emsp;c</p>
     <p class="ls-ex good ls-fixed-width color-box" style="text-align: right">a&emsp;b&emsp;c</p>
@@ -1893,10 +1896,10 @@ Word Spacing: the 'word-spacing' property</h3>
     between characters completely contained within the element for which it is specified:
 
     <pre>
-<!-- -->p    { letter-spacing: 1em; }
-<!-- -->span { letter-spacing: 2em; }
+      p    { letter-spacing: 1em; }
+      span { letter-spacing: 2em; }
 
-<!-- -->&lt;p>a&lt;span>bb&lt;/span>c&lt;/p></pre>
+      &lt;p>a&lt;span>bb&lt;/span>c&lt;/p></pre>
 
     <p class="ls-ex">a&emsp;<span class="color-box">b&emsp;&emsp;b</span>&emsp;c</p>
 
@@ -1905,20 +1908,20 @@ Word Spacing: the 'word-spacing' property</h3>
     has no effect on the rendered result:
 
     <pre>
-<!-- -->p    { letter-spacing: 1em; }
-<!-- -->span { letter-spacing: 2em; }
+      p    { letter-spacing: 1em; }
+      span { letter-spacing: 2em; }
 
-<!-- -->&lt;p>a&lt;span>b&lt;/span>c&lt;/p></pre>
+      &lt;p>a&lt;span>b&lt;/span>c&lt;/p></pre>
 
     <p class="ls-ex">a&emsp;<span class="color-box">b</span>&emsp;c</p>
 
     <p>An inline box only includes
     letter spacing between characters completely contained within that element:
 
     <pre>
-<!-- -->p    { letter-spacing: 1em; }
+      p    { letter-spacing: 1em; }
 
-<!-- -->&lt;p>a&lt;span>bb&lt;/span>c&lt;/p></pre>
+      &lt;p>a&lt;span>bb&lt;/span>c&lt;/p></pre>
 
     <p class="ls-ex good">a&emsp;<span class="color-box">b&emsp;b</span>&emsp;c</p>
 
@@ -1930,12 +1933,12 @@ Word Spacing: the 'word-spacing' property</h3>
     so the letter spacing applied to the inner span below has no effect,
     since after reordering the "c" doesn't end up next to "&#x5d0;":
     <pre>
-<!-- -->p    { letter-spacing: 1em; }
-<!-- -->span { letter-spacing: 2em; }
+      p    { letter-spacing: 1em; }
+      span { letter-spacing: 2em; }
 
-<!-- -->&lt;!-- abc followed by Hebrew letters alef (&#x5d0;), bet (&#x5d1;) and gimel (&#x5d2;) -->
-<!-- -->&lt;!-- Reordering will display these in reverse order. --&gt;
-<!-- --><bdo dir=ltr>&lt;p>ab&lt;span>c&#x5d0;&lt;/span>&#x5d1;&#x5d2;&lt;/p></bdo></pre>
+      &lt;!-- abc followed by Hebrew letters alef (&#x5d0;), bet (&#x5d1;) and gimel (&#x5d2;) -->
+      &lt;!-- Reordering will display these in reverse order. --&gt;
+      <bdo dir=ltr>&lt;p>ab&lt;span>c&#x5d0;&lt;/span>&#x5d1;&#x5d2;&lt;/p></bdo></pre>
 
     <p class="ls-ex">a&emsp;b</span>&emsp;<span class="color-box">c</span>&emsp;<span class="color-box">&#x5d0;</span>&emsp;&#x5d1;&emsp;&#x5d2;</p>
   </div>
@@ -2249,23 +2252,22 @@ Cursive Scripts</h4>
           width="202" height="51"
           alt="hanging-punctuation: allow-end">
       </div>
-      <pre><code class="css"><!--
-     -->p {
-<!-- -->   text-align: justify;
-<!-- -->   hanging-punctuation: allow-end;
-<!-- -->}
-<!----></code></pre>
+      <pre class="css">
+        p {
+          text-align: justify;
+          hanging-punctuation: allow-end;
+        }</pre>
       <div class="sidefigure">
         <img src="images/hanging-punctuation-force-end.png"
           width="202" height="51"
           alt="hanging-punctuation: force-end">
       </div>
-      <pre><code class="css"><!--
-     -->p {
-<!-- -->   text-align: justify;
-<!-- -->   hanging-punctuation: force-end;
-<!-- -->}
-<!----></code></pre>
+      <pre class="css">
+        p {
+          text-align: justify;
+          hanging-punctuation: force-end;
+        }
+      </pre>
       </div>
       <p>The punctuation at the end of the first line for ''allow-end''
         does not hang, because it fits without hanging.
@@ -2296,14 +2298,15 @@ Bidirectionality and Line Boxes</h3>
     <p>In the following example, assuming the <code>&lt;block&gt;</code>
     is a preformatted block (''display: block; white-space: pre'') inheriting
     ''text-align: start'', every other line is right-aligned:</p>
-    <pre>&lt;block style="unicode-bidi: plaintext"&gt;
-<!-- -->  Latin
-<!-- -->  &#x0648;·&#x06A9;&#x0645;&#x06CC;
-<!-- -->  Latin
-<!-- -->  &#x0648;·&#x06A9;&#x0645;&#x06CC;
-<!-- -->  Latin
-<!-- -->  &#x0648;·&#x06A9;&#x0645;&#x06CC;
-<!-- -->&lt;/block&gt;</pre>
+    <pre>
+      &lt;block style="unicode-bidi: plaintext"&gt;
+        Latin
+        &#x0648;·&#x06A9;&#x0645;&#x06CC;
+        Latin
+        &#x0648;·&#x06A9;&#x0645;&#x06CC;
+        Latin
+        &#x0648;·&#x06A9;&#x0645;&#x06CC;
+      &lt;/block&gt;</pre>
   </div>
 
   <p class="note">Note that the inline base direction determined here
@@ -2315,9 +2318,9 @@ Bidirectionality and Line Boxes</h3>
   <div class="example">
     <p>In the following example:
     <pre>
-<!-- -->&lt;para style="display: block; direction: rtl; unicode-bidi:plaintext">
-<!-- -->&lt;quote style="unicode-bidi:plaintext">שלום!&lt;/quote>", he said.
-<!-- -->&lt;/para&gt;</pre>
+      &lt;para style="display: block; direction: rtl; unicode-bidi:plaintext">
+      &lt;quote style="unicode-bidi:plaintext">שלום!&lt;/quote>", he said.
+      &lt;/para&gt;</pre>
 
     <p>The result should be a left-aligned line looking like this:
     <pre>"!&#1513;&#1500;&#1493;&#1501;", he said.</pre>
@@ -2341,13 +2344,13 @@ Bidirectionality and Line Boxes</h3>
 
   <div class="example">
     <pre>
-<!-- -->&lt;fieldset style="direction: rtl">
-<!-- -->&lt;textarea style="unicode-bidi:plaintext">
-<!-- -->
-<!-- -->Hello!
-<!-- -->
-<!-- -->&lt;/textarea>
-<!-- -->&lt;/fieldset></pre>
+      &lt;fieldset style="direction: rtl">
+      &lt;textarea style="unicode-bidi:plaintext">
+
+      Hello!
+
+      &lt;/textarea>
+      &lt;/fieldset></pre>
 
     <p>As expected, the "Hello!" should be displayed LTR
       (i.e. with the exclamation mark on the right end,
@@ -2410,8 +2413,8 @@ Appendix C: Default UA Stylesheet</h2>
 
   <div class="example">
     <pre>
-<!-- -->/* make list items and option elements align together */
-<!-- -->li, option { text-align: match-parent; }</pre>
+      /* make list items and option elements align together */
+      li, option { text-align: match-parent; }</pre>
   </div>
   <p class="feedback issue">If you find any issues, recommendations to add, or corrections,
     please send the information to <a href="mailto:www-style@w3.org">www-style@w3.org</a>