Generated. Do not edit!

Author: bert-github

css3-layout/Overview.html

@@ -9,11 +9,11 @@
   <link href="http://purl.org/dc/terms/" rel=schema.DC>
   <meta content="CSS Grid Template Layout Module" name=DC.title>
   <meta content=text name=DC.type>
-  <meta content=2012-08-31 name=DC.issued>
+  <meta content=2012-09-03 name=DC.issued>
   <meta content="Bert Bos" name=DC.creator>
   <meta content="César Acebal" name=DC.creator>
   <meta content=W3C name=DC.publisher>
-  <meta content="http://www.w3.org/TR/2012/ED-css3-layout-20120831/"
+  <meta content="http://www.w3.org/TR/2012/ED-css3-layout-20120903/"
    name=DC.identifier>
   <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
    rel=DC.rights>
@@ -64,13 +64,13 @@
    <h1>CSS Grid Template Layout Module</h1>
    <!--=================================================================-->
    <h2 class="no-num no-toc" id=longstatus-date-3-august-2004>Editor's Draft
-    31 August 2012</h2>
+    3 September 2012</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2012/ED-css3-layout-20120831/">http://www.w3.org/TR/2012/ED-css3-layout-20120831/</a>
+     href="http://www.w3.org/TR/2012/ED-css3-layout-20120903/">http://www.w3.org/TR/2012/ED-css3-layout-20120903/</a>
 
     <dt>Latest version:
 
@@ -2416,9 +2416,6 @@ <h3 id=flow><span class=secno>3.1. </span>Flowing content into slots: ‘<a
    explicitly (by means of ‘<a href="#flow0"><code
    class=property>flow</code></a>’) 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
 
@@ -2448,6 +2445,33 @@ <h3 id=flow><span class=secno>3.1. </span>Flowing content into slots: ‘<a
     sibling 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 ‘<a href="#flow0"><code
+    class=property>flow</code></a>’ and is thus taken out of its parent's
+    flow and added at the end of slot ‘<code class=css>a</code>’. As a
+    result, slot ‘<code class=css>a</code>’ contains text in this order:
+    “First text Third Text Second text.” This is in contrast to the
+    fourth SPAN, which has ‘<code class=css>flow: auto</code>’ and thus
+    remains inside its parent's flow. Slot ‘<code class=css>b</code>’ 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 ‘<a href="#flow0"><code
    class=property>flow</code></a>’ applies to floating elements: they are
    floated relative to their containing block, and if their ‘<a