machine-generated version

Author: howcome

css-multicol/Overview.html

@@ -490,60 +490,61 @@ <h2 id=the-multi-column-model><span class=secno>2. </span>The multi-column
 
     <div class=gap style="left: 325px"></div>
    </div>
+  </div>
 
-   <p>The same effect occurs when a <a href="#spanning-element"><em>spanning
-    element</em></a> divides the multi-column element: the columns before the
-    spanning element are balanced and shortened to fit their content. Content
-    after the spanning element then flows into a new row of column boxes.
+  <p>The same effect occurs when a <a href="#spanning-element"><em>spanning
+   element</em></a> divides the multi-column element: the columns before the
+   spanning element are balanced and shortened to fit their content. Content
+   after the spanning element then flows into a new row of column boxes.
 
-   <div class=example>
-    <div class=cols>
-     <p>Ab cde fgh i jkl. Mno<br>
-      pqr stu vw xyz. A bc<br>
+  <div class=example>
+   <div class=cols>
+    <p>Ab cde fgh i jkl. Mno<br>
+     pqr stu vw xyz. A bc<br>
+     <br>
+     <br>
+     M nop qrst uv wx yz.<br>
+     Ab cde fgh i jkl. Mno<br>
+     pqr stu vw xyz. A bc<br>
+     def g hij klm nopqrs<br>
+     tuv wxy z. Abc de fg<br>
+     hi jklmno. Pqrstu vw<br>
+
+    <div class=col style="left: 175px">
+     <p>def g hij klm nopqrs<br>
+      tuv wxy z. Abc de fg<br>
       <br>
       <br>
+      x yz. Abc def ghi jkl.<br>
       M nop qrst uv wx yz.<br>
       Ab cde fgh i jkl. Mno<br>
       pqr stu vw xyz. A bc<br>
       def g hij klm nopqrs<br>
       tuv wxy z. Abc de fg<br>
-      hi jklmno. Pqrstu vw<br>
+    </div>
 
-     <div class=col style="left: 175px">
-      <p>def g hij klm nopqrs<br>
-       tuv wxy z. Abc de fg<br>
-       <br>
-       <br>
-       x yz. Abc def ghi jkl.<br>
-       M nop qrst uv wx yz.<br>
-       Ab cde fgh i jkl. Mno<br>
-       pqr stu vw xyz. A bc<br>
-       def g hij klm nopqrs<br>
-       tuv wxy z. Abc de fg<br>
-     </div>
-
-     <div class=col style="left: 350px">
-      <p> hi jklmno. Pqrstu vw<br>
-       x yz. Abc def ghi jkl.<br>
-       <br>
-       <br>
-       hi jklmno. Pqrstu vw<br>
-       x yz. Abc def ghi jkl.<br>
-       M nop qrst uv wx yz.<br>
-       Ab cde fgh i jkl. Mno<br>
-       pqr stu vw xyz.
-     </div>
+    <div class=col style="left: 350px">
+     <p> hi jklmno. Pqrstu vw<br>
+      x yz. Abc def ghi jkl.<br>
+      <br>
+      <br>
+      hi jklmno. Pqrstu vw<br>
+      x yz. Abc def ghi jkl.<br>
+      M nop qrst uv wx yz.<br>
+      Ab cde fgh i jkl. Mno<br>
+      pqr stu vw xyz.
+    </div>
 
-     <div class=rep
-      style="width: 490px; height: 20px; background: silver; font-size: 1.5em; padding: 5px">An
-      spanning element</div>
+    <div class=rep
+     style="width: 490px; height: 20px; background: silver; font-size: 1.5em; padding: 5px">An
+     spanning element</div>
 
-     <div class=gap style="left: 150px"></div>
+    <div class=gap style="left: 150px"></div>
 
-     <div class=gap style="left: 325px"></div>
-    </div>
+    <div class=gap style="left: 325px"></div>
    </div>
-   <!--
+  </div>
+  <!--
 <p>To illustrate the effects of the various properties described in
 this specification, variations on a sample document will be used. Here
 is the source code of the sample document:
@@ -576,7 +577,7 @@ <h2 id=the-multi-column-model><span class=secno>2. </span>The multi-column
 shows how text flows from one column to another. To simplify the
 visualization, the textual content of the different examples vary
 slightly. 
---></div>
+-->
 
   <p>Column boxes are block container boxes. That is, column boxes behave
    like block-level, table cell, and inline-block boxes as per CSS 2.1,