Reorg the flex() section to remove nesting, since there's only one section there now.

Author: tabatkins

css3-flexbox/Overview.html

@@ -206,11 +206,8 @@ <h2 class="no-num no-toc" id=table>Table of contents</h2>
       the &lsquo;<code class=property>flex-order</code>&rsquo; property</a>
     </ul>
 
-   <li><a href="#flexibility"><span class=secno>4. </span> Flexibility</a>
-    <ul class=toc>
-     <li><a href="#flex-notation"><span class=secno>4.1. </span> The
-      &lsquo;<code class=css>flex()</code>&rsquo; notation</a>
-    </ul>
+   <li><a href="#flexibility"><span class=secno>4. </span> Flexibility: the
+    &lsquo;<code class=css>flex()</code>&rsquo; notation</a>
 
    <li><a href="#alignment"><span class=secno>5. </span> Alignment</a>
     <ul class=toc>
@@ -1047,19 +1044,18 @@ <h3 id=flex-order><span class=secno>3.2. </span> Display Order: the
     intelligent wrapping left as an exercise for the reader.)</small></p>
   </div>
 
-  <h2 id=flexibility><span class=secno>4. </span> Flexibility</h2>
+  <h2 id=flexibility><span class=secno>4. </span> Flexibility: the
+   &lsquo;<code class=css>flex()</code>&rsquo; notation</h2>
 
   <p>The defining aspect of flexbox layout is the ability to make the <a
    href="#flexbox-item"><i>flexbox items</i></a> "flex", altering their width
-   or height to fill the available space. This is done by declaring a <dfn
-   id=flexible-length>flexible length</dfn> with the &lsquo;<code
-   class=css>flex()</code>&rsquo; notation, defined below.
-
-  <h3 id=flex-notation><span class=secno>4.1. </span> The &lsquo;<code
-   class=css>flex()</code>&rsquo; notation</h3>
+   or height to fill the available space. This is done by setting an
+   element's &lsquo;<code class=property>width</code>&rsquo; or &lsquo;<code
+   class=property>height</code>&rsquo; to a <a
+   href="#flexible-length"><i>flexible length</i></a> value.
 
   <p>The &lsquo;<code class=css>flex()</code>&rsquo; notation is used to
-   specify the parameters of a <dfn id=flexible-length0
+   specify the parameters of a <dfn id=flexible-length
    title="flexible length|flexible lengths|flexible length's">flexible
    length</dfn>: the <dfn id=positive-flexibility
    title="positive flexibility">positive</dfn> and <dfn
@@ -2531,8 +2527,8 @@ <h2 class=no-num id=index>Index</h2>
    <li>fix min size violations, <a href="#fix-size-constraint-violations"
     title="fix min size violations"><strong>7.</strong></a>
 
-   <li>&lt;flex>, <a href="#ltflex"
-    title="&lt;flex>"><strong>4.1.</strong></a>
+   <li>&lt;flex>, <a href="#ltflex" title="&lt;flex>"><strong>4.</strong></a>
+    
 
    <li>flex-align, <a href="#flex-align0"
     title=flex-align><strong>5.2.</strong></a>
@@ -2555,15 +2551,13 @@ <h2 class=no-num id=index>Index</h2>
     title=flex-flow><strong>3.1.</strong></a>
 
    <li>flexible length, <a href="#flexible-length"
-    title="flexible length"><strong>4.</strong></a>, <a
-    href="#flexible-length0"
-    title="flexible length"><strong>4.1.</strong></a>
+    title="flexible length"><strong>4.</strong></a>
 
-   <li>flexible lengths, <a href="#flexible-length0"
-    title="flexible lengths"><strong>4.1.</strong></a>
+   <li>flexible lengths, <a href="#flexible-length"
+    title="flexible lengths"><strong>4.</strong></a>
 
-   <li>flexible length's, <a href="#flexible-length0"
-    title="flexible length's"><strong>4.1.</strong></a>
+   <li>flexible length's, <a href="#flexible-length"
+    title="flexible length's"><strong>4.</strong></a>
 
    <li>flex-item-align, <a href="#flex-item-align"
     title=flex-item-align><strong>5.2.</strong></a>
@@ -2608,16 +2602,16 @@ <h2 class=no-num id=index>Index</h2>
     title=multi-line><strong>6.</strong></a>
 
    <li>negative flexibility, <a href="#negative-flexibility"
-    title="negative flexibility"><strong>4.1.</strong></a>
+    title="negative flexibility"><strong>4.</strong></a>
 
    <li>no-wrap, <a href="#flex-flow-no-wrap"
     title=no-wrap><strong>3.1.</strong></a>
 
    <li>positive flexibility, <a href="#positive-flexibility"
-    title="positive flexibility"><strong>4.1.</strong></a>
+    title="positive flexibility"><strong>4.</strong></a>
 
    <li>preferred size, <a href="#preferred-size"
-    title="preferred size"><strong>4.1.</strong></a>
+    title="preferred size"><strong>4.</strong></a>
 
    <li>renderer, <a href="#renderer" title=renderer><strong>9.2.</strong></a>
 

css3-flexbox/Overview.src.html

@@ -496,14 +496,10 @@ <h3 id='flex-order'>
 
 
 <h2 id='flexibility'>
-Flexibility</h2>
+Flexibility: the ''flex()'' notation</h2>
 
-	<p>The defining aspect of flexbox layout is the ability to make the <i>flexbox items</i> "flex", altering their width or height to fill the available space.  This is done by declaring a <dfn>flexible length</dfn> with the ''flex()'' notation, defined below.</p>
+	<p>The defining aspect of flexbox layout is the ability to make the <i>flexbox items</i> "flex", altering their width or height to fill the available space.  This is done by setting an element's 'width' or 'height' to a <i>flexible length</i> value.</p>
 
-
-<h3 id='flex-notation'>
-The ''flex()'' notation</h3>
- 
 	<p>The ''flex()'' notation is used to specify the parameters of a <dfn title="flexible length|flexible lengths|flexible length's">flexible length</dfn>: the <dfn id="positive-flexibility" title="positive flexibility">positive</dfn> and <dfn>negative flexibility</dfn>, and the <dfn>preferred size</dfn>.  The syntax of the ''flex()'' notation is:</p>
 
 	<pre class=prod><dfn>&lt;flex></dfn> = flex( [ &lt;pos-flex> &lt;neg-flex>? ]? || &lt;preferred-size>? )</pre>