x

Author: howcom

css3-gcpm/Overview.html

@@ -3104,26 +3104,29 @@ <h2 id=page-floats-mk2><span class=secno>14. </span>Page floats (mk2)</h2>
      determine if the box is near the top/bottom.
    </dl>
 
-   <div class=example> Float figure to top of natural column, being as wide
-    as the column:
+   <div class=example>
+    <p>Float figure to top of natural column, being as wide as the column:
+
     <pre>
 .figure { float: top; width: 100% }
 </pre>
     <img src=7b.png></div>
 
-   <div class=example> Float figure to top of natural column, spanning all
-    columns:
+   <div class=example> Float figure to top of the natural column, spanning
+    all columns:
     <pre>
 .figure { float: top; column-span: all; width: 100% }
 </pre>
    </div>
 
-   <div class=example> Float figure to top/bottom of the last column of the
-    multicol element on that page, again being as side as the column:
+   <div class=example>
+    <p>Float figure to top/bottom of the last column of the multicol element
+     on that page, being as wide as the column:
+
     <pre>
 .figure { float: top-corner; width: 100% }
 </pre>
-   </div>
+    <img src=7b.png></div>
 
    <p class=issue> In the examples above, the width is set to 100% to fill
     the available space. This is typically how paper-based layouts have used