Skip to content

Commit d5906ce

Browse files
committed
revising text and examples on regions and exclusions
1 parent c7b5733 commit d5906ce

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

css3-gcpm/Overview.src.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3168,13 +3168,13 @@ <h3>Selecting columns</h3>
31683168

31693169
<h3>Turning columns into regions</h3>
31703170

3171-
<p>A column that is moved from its natural position into
3172-
3173-
<p>Columns can be moved
3171+
<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.
31743172

31753173
<div class=example>
31763174
<img alt="sample rendering" src=regions.png>
31773175

3176+
<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 'visibility: collapse' setting on the first column, the second column will move into its space.
3177+
31783178
<pre>
31793179
article { columns: 3 }
31803180
img { column-span: 2; width: 100%; float: top }

0 commit comments

Comments
 (0)