machine-generated version

Author: howcome

css-gcpm/Overview.html

@@ -987,54 +987,49 @@ <h2 id=leaders><span class=secno>3. </span>Leaders</h2>
 cite::before { content: leader('  ') }
 &lt;/style>
 &lt;blockquote>
-  Bla great bla bla world bla bla
-  empire bla bla color bla bla
-  history bla bla forever.
-    &lt;cite>John Johnson&lt;/cite>
+  For a moment, nothing happend. 
+  Then, after a second or so, 
+  nothing continued to happen.
+    &lt;cite>Douglas Adams&lt;/cite>
 &lt;/blockquote>
 </pre>
 
    <p>Depending on the width of the containing block, this may be rendered
     as:
 
    <pre>
-  Bla great bla bla world bla bla
-  empire bla bla color bla bla
-  history bla bla forever.   John
-  Johnson
+  For a moment, nothing happend. 
+  Then, after a second or so, 
+  nothing continued to happen.
+                     Douglas Adams
 </pre>
+   <!--
+<p>To indicate that <q>John Johnson</q> should be kept on one line,
+this rule can be added to the style sheet:
 
-   <p>However, this rendering is preferable:
-
-   <pre>
-  Bla great bla bla world bla bla
-  empire bla bla color bla bla
-  history bla bla forever.
-                     John Johnson
-</pre>
-
-   <p>To indicate that <q>John Johnson</q> should be kept on one line, this
-    rule can be added to the style sheet:
-
-   <pre>
+<pre>
 cite { text-wrap: suppress }
 </pre>
 
-   <p>Until ‘<code class=property>text-wrap</code>’ is widely supported,
-    this rule can also be used:
+<p>Until 'text-wrap' is widely supported, this rule can also be used:
 
-   <pre>
+<pre>
 cite { white-space: nowrap }
 </pre>
+-->
 
    <p>If the containing element is wider, this may be the resultant
     presentation:
 
    <pre>
-  Bla great bla bla world bla bla empire
-  bla bla color bla bla history bla bla
-  forever.                  John Johnson
+  For a moment, nothing happend. Then, 
+  after a second or so, nothing continued 
+  to happen.                 Douglas Adams
 </pre>
+
+   <p>Note that content of the &lt;cite> element is pushed as far to the
+    right as possible; in the examples above this results in text which is
+    further to ther right than the quote itself.
   </div>
 
   <h2 id=cross-references><span class=secno>4. </span>Cross-references</h2>