[css-multicol] Improving some diagram images

Author: rachelandrew

css-multicol-1/Overview.bs

@@ -279,12 +279,17 @@ The multi-column model</h2>
 		In this example, this CSS fragment describes the presentation of the image:
 
 		<pre highlight="css">
-		img { display: block; float: right }
+		img { 
+			display: block; 
+			float: right 
+		}
 		</pre>
 
+		In the HTML, the image appears after the sentence ending, "the leg of a chicken".
+
 		<figure>
 			<img src="images/image-floated-in-column.svg" alt="an image floated and contained inside a column box">
-			<figcaption>The image is floated inside the column box that it is displayed in.</figcaption>
+			<figcaption>The image is floated inside the column box it appears in.</figcaption>
 		</figure>
 	</div>