fixing typos, revising examples

Author: howcome

css-multicol/Overview.src.html

@@ -824,13 +824,13 @@ <h3>Pseudo-algorithm</h3>
 <p>In this example, the actual column-count is higher than the used column-count due to explicit column breaks:
 
 <pre>
-div { width: 40em; columns: 20em }
+div { width: 40em; columns: 20em; column-gap: 0 }
 p { break-after: column }
 
-&lt;div style="width: 40em; columns: 20em">
-&lt;p>one
-&lt;p>two
-&lt;p>three
+&lt;div>
+  &lt;p>one
+  &lt;p>two
+  &lt;p>three
 &lt;/div>
 </pre>
 
@@ -843,8 +843,16 @@ <h3>Pseudo-algorithm</h3>
 <p>The actual column-count may be lower than the used column-count. Consider this example:
 
 <pre>
-&lt;div style="width: 80em; height: 10em; columns: 20em; column-gap: 0; column-fill: auto;">
-foo
+div { 
+  width: 80em; 
+  height: 10em; 
+  columns: 20em; 
+  column-gap: 0; 
+  column-fill: auto;
+}
+
+&lt;div>
+  foo
 &lt;/div>
 </pre>