adding alternative page float syntax

Author: howcom

css3-gcpm/Overview.src.html

@@ -2532,9 +2532,7 @@ <h3>Page shift effects</h3>
 </div>
 
 
-<h2>Page floats</h2>
-
-<p class=issue>Is this a misnomer?
+<h2>Page and column floats</h2>
 
 <p>Images and figures are sometimes displayed at the top or bottom of
 pages and columns. This specificaton adds new keywords on the 'float'
@@ -2600,7 +2598,7 @@ <h2>Page floats</h2>
 
 
 <div class=example>
-<p>Float figure to top/bottom of the last column of the multicol element on that page:
+<p>Float figure to top of the last column of the multicol element on the current page:
 <pre>
 .figure { float: top-corner }
 </pre>
@@ -2685,14 +2683,14 @@ <h3>Float modifiers</h3>
 <dd>'left'/'right' can be used in combination with 'top'/'bottom'/'top-corner'/'bottom-corner' to allow other content to flow around the box.
 
 <div class=example>
-
 <pre>
 .figure { float: top right; width: 60% }
 </pre>
 <img alt="sample rendering" src=13.png>
-
 </div>
 
+
+
 </dl>
 
 
@@ -2721,6 +2719,77 @@ <h3>Floating inside and outside pages</h3>
 </div>
 
 
+
+<h2>Page and column floats, alternative syntax</h2>
+
+<p>This section describes an alternative syntax for page and column floats. 
+
+<p>Four new keywords on 'float' have been added:
+
+<dl>
+
+<dt>left, right, top, bottom
+<dd>relafive to physical screen
+
+<dt>line-left, line-right
+<dd>relative to inline axis
+
+<dt>before, after
+<dd>relative to block direction
+
+<dt>inside, outside
+<dd>as described in the previous section
+
+<dt>columns(n)
+<dd>makes the float span n columns; sets the float context to be the multicol element
+
+<dt>page
+<dd>sets the float context to be the page, not the element
+
+</dl>
+
+
+
+<div class=example>
+<p>Float figure to the top right corner of the multicol element, spanning two columns:
+
+<pre>
+.figure { float: top rigth columns(2); width: 100% }
+</pre>
+
+<img alt="sample rendering" src=8.png>
+</div>
+
+<div class=example>
+<p>Float figure to top of the last column of the multicol element on the current page:
+<pre>
+.figure { float: top right columns(1) }
+</pre>
+
+<img alt="sample rendering" src=6.png>
+</div>
+
+<div class=example>
+<p>Float figure to the top right of the current element, allowing other content on its side:
+
+<pre>
+.figure { float: top right; width: 60% }
+</pre>
+<img alt="sample rendering" src=13.png>
+</div>
+
+
+<div class=example>
+<p>Escape the multicol element and float to the top right of the page area:
+
+<pre>
+.figure { float: top right page }
+</pre>
+</div>
+
+
+
+
 <h2>Exclusions</h2>
 
 <h3>Exclusions based on floats</h3>