Fix typos found by dholbert

Author: tabatkins

css3-flexbox/Overview.html

@@ -377,10 +377,9 @@ <h3 id=display-flexbox><span class=secno>2.1. </span> New values for
    &lsquo;<code class=css>inline-flexbox</code>&rsquo; value makes the
    flexbox act like an inline-block in other layout modes.
 
-  <p>Setting &lsquo;<code class=css>display:flexbox</code>&rsquo; on an
-   element forces it to use a new layout algorithm, and so some properties
-   that were designed with the assumption of block layout don't make sense in
-   a flexbox context. In particular:
+  <p>Flexboxes use a new layout algorithm, and so some properties that were
+   designed with the assumption of block layout don't make sense in a flexbox
+   context. In particular:
 
   <ul>
    <li>all of the &lsquo;<code class=css>column-*</code>&rsquo; properties in
@@ -397,10 +396,10 @@ <h3 id=display-flexbox><span class=secno>2.1. </span> New values for
     on a flexbox item
   </ul>
 
-  <p>A flexbox item creates a new flexbox formatting context for its
-   contents. This is similar to a block formatting context: floats must not
-   intrude into the flexbox, and the flexbox's margins do not collapse with
-   any other margin. Additionally, all of the <a
+  <p>A flexbox creates a new flexbox formatting context for its contents.
+   This is similar to a block formatting context: floats must not intrude
+   into the flexbox, and the flexbox's margins do not collapse with the
+   margins of its contents. Additionally, all of the <a
    href="#flexbox-item"><i>flexbox items</i></a> establish new block
    formatting contexts for their contents.
 
@@ -1058,12 +1057,12 @@ <h3 id=flex-pack><span class=secno>5.1. </span> Main Axis Alignment: the
    class=property>flex-pack</code></a>&rsquo; property aligns <a
    href="#flexbox-item"><i>flexbox items</i></a> in the <a
    href="#main-axis"><i>main axis</i></a> of the current line of the flexbox.
-   This is done <a href="#flex-align-after"><em>after</em></a> any flexible
-   lengths have been resolved. Typically it helps distribute extra free space
-   leftover when either all the <a href="#flexbox-item"><i>flexbox
-   items</i></a> on a line are inflexible, or are flexible but have reach
-   their maximum size, but it also exerts some control over the alignment of
-   items when they overflow the line.
+   This is done <em title="">after</em> any flexible lengths have been
+   resolved. Typically it helps distribute extra free space leftover when
+   either all the <a href="#flexbox-item"><i>flexbox items</i></a> on a line
+   are inflexible, or are flexible but have reach their maximum size, but it
+   also exerts some control over the alignment of items when they overflow
+   the line.
 
   <dl>
    <dt><dfn id=flex-pack-start>start</dfn>
@@ -1174,19 +1173,19 @@ <h3 id=flex-align><span class=secno>5.2. </span> Cross Axis Alignment: the
    applies to the flexbox itself.
 
   <dl>
-   <dt><dfn id=flex-align-before>before</dfn>
+   <dt><dfn id=flex-align-start>start</dfn>
 
    <dd>The <a href="#cross-start"><i>cross-start</i></a> margin edge of the
     <a href="#flexbox-item"><i>flexbox item</i></a> is placed flush with the
     <a href="#cross-start"><i>cross-start</i></a> edge of the line.
 
-   <dt><dfn id=flex-align-after>after</dfn>
+   <dt><dfn id=flex-align-end>end</dfn>
 
    <dd>The <a href="#cross-end"><i>cross-end</i></a> margin edge of the <a
     href="#flexbox-item"><i>flexbox item</i></a> is placed flush with the <a
     href="#cross-end"><i>cross-end</i></a> edge of the line.
 
-   <dt><dfn id=flex-align-middle>middle</dfn>
+   <dt><dfn id=flex-align-center>center</dfn>
 
    <dd>The <a href="#flexbox-item"><i>flexbox item's</i></a> margin box is
     centered in the <a href="#cross-axis"><i>cross axis</i></a> within the
@@ -1671,10 +1670,9 @@ <h3 id=changes-from-ed-16-june-2011><span class=secno>10.1. </span>Changes
       class=property>box-align</code>&rsquo; of the old spec applied to
       flexbox.
 
-     <li>Added definition for where is &lsquo;<a
-      href="#flex-align-before"><code class=property>before</code></a>&rsquo;
-      and where is &lsquo;<a href="#flex-align-after"><code
-      class=property>after</code></a>&rsquo;
+     <li>Added definition for where is &lsquo;<code
+      class=property>before</code>&rsquo; and where is &lsquo;<code
+      class=property>after</code>&rsquo;
 
      <li>Open issue 14 for before/after to validate the definition.
 
@@ -1845,16 +1843,11 @@ <h2 class=no-num id=index>Index</h2>
   <!--begin-index-->
 
   <ul class=indexlist>
-   <li>after, <a href="#flex-align-after"
-    title=after><strong>5.2.</strong></a>
-
    <li>baseline, <a href="#flex-align-baseline"
     title=baseline><strong>5.2.</strong></a>
 
-   <li>before, <a href="#flex-align-before"
-    title=before><strong>5.2.</strong></a>
-
-   <li>center, <a href="#flex-line-pack-center"
+   <li>center, <a href="#flex-align-center"
+    title=center><strong>5.2.</strong></a>, <a href="#flex-line-pack-center"
     title=center><strong>6.1.</strong></a>, <a href="#flex-pack-center"
     title=center><strong>5.1.</strong></a>
 
@@ -1883,9 +1876,9 @@ <h2 class=no-num id=index>Index</h2>
     title=distribute><strong>6.1.</strong></a>, <a
     href="#flex-pack-distribute" title=distribute><strong>5.1.</strong></a>
 
-   <li>end, <a href="#flex-line-pack-end"
-    title=end><strong>6.1.</strong></a>, <a href="#flex-pack-end"
-    title=end><strong>5.1.</strong></a>
+   <li>end, <a href="#flex-align-end" title=end><strong>5.2.</strong></a>, <a
+    href="#flex-line-pack-end" title=end><strong>6.1.</strong></a>, <a
+    href="#flex-pack-end" title=end><strong>5.1.</strong></a>
 
    <li>flex-align, <a href="#flex-align0"
     title=flex-align><strong>5.2.</strong></a>
@@ -1952,9 +1945,6 @@ <h2 class=no-num id=index>Index</h2>
    <li>main-start, <a href="#main-start"
     title=main-start><strong>2.</strong></a>
 
-   <li>middle, <a href="#flex-align-middle"
-    title=middle><strong>5.2.</strong></a>
-
    <li>multi-line, <a href="#multi-line"
     title=multi-line><strong>6.</strong></a>
 
@@ -1975,7 +1965,8 @@ <h2 class=no-num id=index>Index</h2>
    <li>single-line, <a href="#single-line"
     title=single-line><strong>6.</strong></a>
 
-   <li>start, <a href="#flex-line-pack-start"
+   <li>start, <a href="#flex-align-start"
+    title=start><strong>5.2.</strong></a>, <a href="#flex-line-pack-start"
     title=start><strong>6.1.</strong></a>, <a href="#flex-pack-start"
     title=start><strong>5.1.</strong></a>
 

css3-flexbox/Overview.src.html

@@ -111,7 +111,7 @@ <h3 id='display-flexbox'>
 
 	<p>The ''flexbox'' value makes the flexbox act like a block in other layout modes.  The ''inline-flexbox'' value makes the flexbox act like an inline-block in other layout modes.</p>
 
-	<p>Setting ''display:flexbox'' on an element forces it to use a new layout algorithm, and so some properties that were designed with the assumption of block layout don't make sense in a flexbox context.  In particular:</p>
+	<p>Flexboxes use a new layout algorithm, and so some properties that were designed with the assumption of block layout don't make sense in a flexbox context.  In particular:</p>
 
 	<ul>
 		<li>all of the 'column-*' properties in the Multicol module compute to their initial values on a flexbox ('break-before', 'break-inside', and 'break-after' are still valid on a flexbox).</li>
@@ -121,7 +121,7 @@ <h3 id='display-flexbox'>
 		<li>'vertical-align' has no effect on a flexbox item</li>
 	</ul>
 
-	<p>A flexbox item creates a new flexbox formatting context for its contents.  This is similar to a block formatting context: floats must not intrude into the flexbox, and the flexbox's margins do not collapse with any other margin.  Additionally, all of the <i>flexbox items</i> establish new block formatting contexts for their contents.</p>
+	<p>A flexbox creates a new flexbox formatting context for its contents.  This is similar to a block formatting context: floats must not intrude into the flexbox, and the flexbox's margins do not collapse with the margins of its contents.  Additionally, all of the <i>flexbox items</i> establish new block formatting contexts for their contents.</p>
 
 	<p class='issue'>Figure out the right terms to use here.</p>
 
@@ -490,7 +490,7 @@ <h3 id='flex-pack'>
 			<td>visual
 	</table>
 
-	<p>The 'flex-pack' property aligns <i>flexbox items</i> in the <i>main axis</i> of the current line of the flexbox.  This is done <em>after</em> any flexible lengths have been resolved.  Typically it helps distribute extra free space leftover when either all the <i>flexbox items</i> on a line are inflexible, or are flexible but have reach their maximum size, but it also exerts some control over the alignment of items when they overflow the line.</p>
+	<p>The 'flex-pack' property aligns <i>flexbox items</i> in the <i>main axis</i> of the current line of the flexbox.  This is done <em title=''>after</em> any flexible lengths have been resolved.  Typically it helps distribute extra free space leftover when either all the <i>flexbox items</i> on a line are inflexible, or are flexible but have reach their maximum size, but it also exerts some control over the alignment of items when they overflow the line.</p>
 
 	<dl>
 		<dt><dfn id='flex-pack-start'>start</dfn></dt>
@@ -541,13 +541,13 @@ <h3 id='flex-align'>
 	<p>The 'flex-align' property aligns <i>flexbox items</i> in the <i>cross axis</i> of the current line of the flexbox, similar to 'flex-pack' but in the perpendicular axis.  Note that 'flex-align' applies to individual <i>flexbox items</i>, while 'flex-pack' applies to the flexbox itself.</p>
 
 	<dl>
-		<dt><dfn id="flex-align-before">before</dfn></dt>
+		<dt><dfn id="flex-align-start">start</dfn></dt>
 		<dd>The <i>cross-start</i> margin edge of the <i>flexbox item</i> is placed flush with the <i>cross-start</i> edge of the line.</dd>
 
-		<dt><dfn id="flex-align-after">after</dfn></dt>
+		<dt><dfn id="flex-align-end">end</dfn></dt>
 		<dd>The <i>cross-end</i> margin edge of the <i>flexbox item</i> is placed flush with the <i>cross-end</i> edge of the line.</dd>
 
-		<dt><dfn id="flex-align-middle">middle</dfn></dt>
+		<dt><dfn id="flex-align-center">center</dfn></dt>
 		<dd>The <i>flexbox item's</i> margin box is centered in the <i>cross axis</i> within the line.</dd>
 
 		<dt><dfn id="flex-align-baseline">baseline</dfn></dt>