[css-page-floats-3][editorial] Fixed Bikeshed issues

Author: SebastianZ

css-page-floats-3/Overview.bs

@@ -47,7 +47,7 @@ Ignored Terms: near, 3em, intrude, top-corner, bottom-corner, left, right, both,
     (or may not) be a good idea to separate the two entirely.
     Therefore, the name <em>CSS Page Floats</em> should probably be replaced with
     a more appropriate name.
-  </div>
+  </p>
 
 <h3 id="values">Value Definitions</h3>
 
@@ -369,7 +369,7 @@ And some more text&lt;/p>
 .figure { float-reference: column; float: top }
 </pre>
 
-  <img alt="sample rendering" src="images/7.png">
+  <img alt="sample rendering" src="images/7.png" width="520" height="220">
 </div>
 
 <div class="example">
@@ -380,15 +380,15 @@ And some more text&lt;/p>
 .figure { float-reference: column; float: block-start; width: 50% }
 </pre>
 
-  <img alt="sample rendering" src="images/block_line_start.png">
+  <img alt="sample rendering" src="images/block_line_start.png" width="520" height="220">
 </div>
 
 <div class="example">
   In this example, a figure naturally appears close to a column break. There is
   not enough space for the figure in the first column, and it is therefore placed
   in the second column, leaving white space at the bottom of the first column.
 
-  <img alt="sample rendering" src="images/23.png">
+  <img alt="sample rendering" src="images/23.png" width="520" height="220">
 
   To avoid the white space, the image can be floated to the nearest edge (in the
   block direction):
@@ -401,14 +401,14 @@ And some more text&lt;/p>
   move. However, floats allow subsequent content to be displayed before the
   float and the white space can therefore be filled:
 
-  <img alt="sample rendering" src="images/7.png">
+  <img alt="sample rendering" src="images/7.png" width="520" height="220">
 </div>
 
 <div class="example">
 
   In this example, two figures naturally appear in the text flow:
 
-  <img alt="sample rendering" src="images/20.png">
+  <img alt="sample rendering" src="images/20.png" width="520" height="220">
 
   A typographer would typically try to avoid single lines of text above/below
   figures, which can be achieved with:
@@ -425,7 +425,7 @@ div.figure { float-reference: column; float: snap-block(1.5em) }
 
   In this example, two figures naturally appear in the text flow:
 
-  <img alt="sample rendering" src="images/20.png">
+  <img alt="sample rendering" src="images/20.png" width="520" height="220">
 
   To make the figures snap to the nearest edges, this code can be applied:
 
@@ -435,7 +435,7 @@ div.figure { float-reference: column; float: snap-block(2.5em) }
 
   The resultant rendering is:
 
-  <img alt="sample rendering" src="images/22.png">
+  <img alt="sample rendering" src="images/22.png" width="520" height="220">
 
 </div>
 
@@ -575,7 +575,7 @@ The 'clear' property</h2>
 &lt;div class=figure>&lt;/div>
 &lt;div class=figure>&lt;/div>
 </pre>
-    <img alt="sample rendering" src="images/16.png">
+    <img alt="sample rendering" src="images/16.png" width="520" height="220">
   </div>
 
   <div class="example">
@@ -588,7 +588,7 @@ The 'clear' property</h2>
 &lt;div class=figure>&lt;/div>
 </pre>
 
-    <img alt="sample rendering" src="images/17.png">
+    <img alt="sample rendering" src="images/17.png" width="520" height="220">
   </div>
 
 
@@ -603,7 +603,7 @@ The 'clear' property</h2>
 &lt;div class=figure>&lt;/div>
 </pre>
 
-    <img alt="sample rendering" src="images/16.png">
+    <img alt="sample rendering" src="images/16.png" width="520" height="220">
   </div>
 
   <div class="example">
@@ -617,7 +617,7 @@ The 'clear' property</h2>
 &lt;div class=figure>&lt;/div>
 </pre>
 
-    <img alt="sample rendering" src="images/17.png">
+    <img alt="sample rendering" src="images/17.png" width="520" height="220">
   </div>
 
 
@@ -757,7 +757,7 @@ The 'clear' property</h2>
 .figure { float-reference: column; float: top; float-defer: -2 }
 </pre>
 
-      <img alt="sample rendering" src="images/7.png">
+      <img alt="sample rendering" src="images/7.png" width="520" height="220">
     </div>
 
     <div class="example">
@@ -788,7 +788,7 @@ The 'clear' property</h2>
 .figure { float-reference: column; float: top; float-defer: last }
 </pre>
 
-<img alt="sample rendering" src="images/6.png">
+<img alt="sample rendering" src="images/6.png" width="520" height="220">
     </div>
 
 <h2 id="wrapping-around-page-floats">Wrapping around page floats</h2>
@@ -861,7 +861,7 @@ img {
 }
 </pre>
 
-    <img alt="sample rendering" src="images/14.png">
+    <img alt="sample rendering" src="images/14.png" width="522" height="222">
 
   </div>
 
@@ -1043,7 +1043,7 @@ p {
 &lt;/div>
 </code></pre>
 
-    <img alt="sample rendering" src="images/float_containing_context.png">
+    <img alt="sample rendering" src="images/float_containing_context.png" width="282" height="141">
 
     In comparison, the below is the same HTML, but the float is replaced by an
     absolutely positioned element that is also an exclusion. The <a>float
@@ -1085,7 +1085,7 @@ canvas {
 &lt;/div>
 </code></pre>
 
-    <img alt="sample rendering" src="images/positioned_containing_context.png">
+    <img alt="sample rendering" src="images/positioned_containing_context.png" width="401" height="151">
 
   </div>