Argh, didn't notice that a large example image was inline with other text.

Author: tabatkins

css3-images/Overview.html

@@ -525,8 +525,10 @@ <h4 class=no-toc id=linear-gradient-syntax><span class=secno>7.1.1.
      the gradient-line from the rules above. This shows the starting and
      ending-point of the gradient-line, along with the actual gradient,
      produced by an element with &lsquo;<code class=css>background:
-     linear-gradient(45deg, white, black);</code>&rsquo;. <img alt
-     src=gradient-line-example.png></div>
+     linear-gradient(45deg, white, black);</code>&rsquo;.
+     <p><img alt src=gradient-line-example.png></p>
+
+    </div>
 
     <h4 id=color-stop-syntax><span class=secno>7.1.2.
      </span><code>color-stop</code> Syntax</h4>
@@ -608,6 +610,7 @@ <h4 class=no-toc id=linear-gradient-examples><span class=secno>7.1.3.
     </div>
 
     <div class=example>
+
      <p>This gradient goes from the upper-left to the lower-right corner.</p>
 
      <pre><code>linear-gradient(top left, yellow, blue);
@@ -616,7 +619,6 @@ <h4 class=no-toc id=linear-gradient-examples><span class=secno>7.1.3.
 linear-gradient(bottom right, blue, yellow);</code></pre>
 
      <p><img alt="" src=linear2.png></p>
-
     </div>
 
     <div class=example>
@@ -641,7 +643,6 @@ <h4 class=no-toc id=linear-gradient-examples><span class=secno>7.1.3.
     </div>
 
     <div class=example>
-
      <p>Here we use the full background-position syntax to specify the
       direction of the gradient. Notice that in this example a substantial
       portion of the image is pure yellow and pure blue, because the starting
@@ -652,11 +653,11 @@ <h4 class=no-toc id=linear-gradient-examples><span class=secno>7.1.3.
 linear-gradient(left 20px top 30px, yellow, blue);</code></pre>
 
      <p><img alt="" src=linear5.png></p>
+
     </div>
    </div>
 
    <div>
-
     <h3 id=radial-gradients><span class=secno>7.2. </span>Radial Gradients</h3>
 
     <p>A radial gradient is specified in a manner very similar to a linear

css3-images/Overview.src.html

@@ -270,7 +270,7 @@ <h4 class=no-toc><code>linear-gradient()</code> syntax</h4>
 		<p>If both starting-point and ending-point are the same, then the gradient is just a solid color, defined by the last color-stop in the list.  For example, "left top 90deg" will result in a solid-color gradient (since it has 90deg, the "ending corner" is the top-left, which is where it starts), as will "center" (to obtain the ending-point, you rotate the starting-point around the center - rotating the center around the center gives you the center).</p>
 		<div class=example>
 			This example illustrates visually how to calculate the gradient-line from the rules above.  This shows the starting and ending-point of the gradient-line, along with the actual gradient, produced by an element with ''background: linear-gradient(45deg, white, black);''.
-			<img src='gradient-line-example.png' alt>
+			<p><img src='gradient-line-example.png' alt></p>
 		</div>
 		<h4><code>color-stop</code> Syntax</h4>
 		<p>The <dfn><code>&lt;color-stop&gt;</code></dfn> stands for:</p>