Added an example.

Author: bert-github

css3-layout/Overview.src.html

@@ -1788,9 +1788,6 @@ <h3 id=flow>Flowing content into slots: 'flow'</h3>
 slot explicitly (by means of 'flow') are each other's siblings in the
 slot.
 
-<p>The content flowed into a slot does not inherit properties from the
-slot.
-
 <div class=example>
 <p>For example, the style sheet
 
@@ -1820,6 +1817,29 @@ <h3 id=flow>Flowing content into slots: 'flow'</h3>
 of the first DIV, because both are added to slot b independently.
 </div>
 
+<div class=example>
+<p>Here is another example. In this document
+<pre>
+&lt;P STYLE="grid: 'a b'">
+ &lt;SPAN STYLE="flow: a">First text &lt;SPAN
+  STYLE="flow: a">Second text&lt;/SPAN> Third
+  text&lt;/SPAN>
+ &lt;SPAN STYLE="flow: b">Fourth text &lt;SPAN
+  STYLE="flow: auto">Fifth text&lt;/SPAN> Sixth
+  text&lt;/SPAN>
+&lt;/P>
+</pre>
+<p>the second SPAN has a non-auto 'flow' and is thus taken out of its
+parent's flow and added at the end of slot ''a''. As a result, slot
+''a'' contains text in this order: “First text Third Text Second
+text.” This is in contrast to the fourth SPAN, which has 'flow: auto'
+and thus remains inside its parent's flow. Slot ''b'' has this text:
+“Fourth text Fifth text Sixth text.”
+</div>
+
+<p>The content flowed into a slot does not inherit properties from the
+slot.
+
 <p class=note>Note that 'flow' applies to floating elements: they are
 floated relative to their containing block, and if their 'flow'
 property indicates a slot in a grid, that slot is their containing