x

Author: howcom

css3-gcpm/Overview.html

@@ -3585,11 +3585,19 @@ <h3 id=selecting-columns><span class=secno>14.1. </span>Selecting columns</h3>
   <h3 id=turning-columns-into-regions><span class=secno>14.2. </span>Turning
    columns into regions</h3>
 
-  <p>A column that is moved from its natural position into
-
-  <p>Columns can be moved
+  <p>A column that is moved from its natural position is called a region in
+   this specification. Columns can be moved using floating or absolute
+   positioning.
 
   <div class=example> <img alt="sample rendering" src=regions.png>
+   <p>In this example, the multicol layout is changed so that the image
+    (which appears first in the markup) spans two columns and is floated to
+    the top, thereby escaping its natural column. The first column, which
+    holds the start of the textual content is also floated to the top,
+    spanning two columns, and therefore ends up just under the image. Du to
+    the &lsquo;<code class=css>visibility: collapse</code>&rsquo; setting on
+    the first column, the second column will move into its space.
+
    <pre>
 article { columns: 3 }
 img { column-span: 2; width: 100%; float: top }