Added visual formatting example code snippet in addition to visual renderings

Author: vhardy

css3-regions/Overview.html

@@ -2569,7 +2569,54 @@ <h3 id=regions-visual-formatting-examples><span class=secno>7.4.
 
   <div class=example>
    <pre>
-            
+&lt;style&gt;
+#article {
+    -webkit-flow-into: article;
+}
+
+#rA, #rB, #rC {
+    -webkit-flow-from2: article;
+    height: auto;
+    margin: 1em;
+    padding: 0.5em;
+}
+
+#rA {
+    width: auto;
+    height: auto;
+}
+
+#rB {
+    float: left;
+    height: auto;
+    max-height: 150px;
+    width: 15em;
+}
+
+#rC {
+    float: right;
+    height: auto;
+    width: 12em;
+}
+
+#main-flow {
+    padding-left: 1em;
+}
+
+&lt;/style&gt;       
+&lt;body&gt;
+    &lt;div id="article"&gt;
+        &lt;p style="-webkit-region-break-after:always;"&gt;I am not a ... &lt;/p&gt;
+        &lt;p&gt;...&lt;/p&gt;
+    &lt;/div&gt;
+    &lt;div id="rA"&gt;&lt;/div&gt;
+    &lt;div id="rB"&gt;&lt;/div&gt;
+    &lt;div id="rC"&gt;&lt;/div&gt;
+
+    &lt;div id="main-flow"&gt;
+        &lt;p&gt;Lorem ipsum dolor ...&lt;/p&gt;
+    &lt;/div&gt;
+&lt;/body&gt;            
         </pre>
   </div>
 

css3-regions/Overview.src.html

@@ -2104,7 +2104,54 @@ <h3 id="regions-visual-formatting-examples">Regions visual formatting example</h
 
     <div class="example">
         <pre>
-            
+&lt;style&gt;
+#article {
+    -webkit-flow-into: article;
+}
+
+#rA, #rB, #rC {
+    -webkit-flow-from2: article;
+    height: auto;
+    margin: 1em;
+    padding: 0.5em;
+}
+
+#rA {
+    width: auto;
+    height: auto;
+}
+
+#rB {
+    float: left;
+    height: auto;
+    max-height: 150px;
+    width: 15em;
+}
+
+#rC {
+    float: right;
+    height: auto;
+    width: 12em;
+}
+
+#main-flow {
+    padding-left: 1em;
+}
+
+&lt;/style&gt;       
+&lt;body&gt;
+    &lt;div id="article"&gt;
+        &lt;p style="-webkit-region-break-after:always;"&gt;I am not a ... &lt;/p&gt;
+        &lt;p&gt;...&lt;/p&gt;
+    &lt;/div&gt;
+    &lt;div id="rA"&gt;&lt;/div&gt;
+    &lt;div id="rB"&gt;&lt;/div&gt;
+    &lt;div id="rC"&gt;&lt;/div&gt;
+
+    &lt;div id="main-flow"&gt;
+        &lt;p&gt;Lorem ipsum dolor ...&lt;/p&gt;
+    &lt;/div&gt;
+&lt;/body&gt;            
         </pre>
     </div>