machine-generated version

Author: howcome

css-multicol/Overview.html

@@ -438,11 +438,7 @@ <h2 id=the-multi-column-model><span class=secno>2. </span>The multi-column
    height of the multi-column element's content box. If the multi-column
    element is paginated, the height of each row is constrained by the page
    and the content continues in a new row of column boxes on the next page; a
-   column box never splits across pages. 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.
+   column box never splits across pages.
 
   <div class=example>
    <p>Column gaps (yellow) and column rules (green) are shown in this sample
@@ -494,6 +490,59 @@ <h2 id=the-multi-column-model><span class=secno>2. </span>The multi-column
 
     <div class=gap style="left: 325px"></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.
+
+   <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>
+     </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=gap style="left: 150px"></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