Add note to 'flex-align:center' similar to 'flex-pack:center'. Fix typo.

Author: tabatkins

css3-flexbox/Overview.html

@@ -1388,7 +1388,7 @@ <h3 id=flex-align><span class=secno>5.2. </span> Cross Axis Alignment: the
   <p><a href="#flexbox-item"><i>Flexbox items</i></a> can be aligned in the
    <a href="#cross-axis"><i>cross axis</i></a> of the current line of the
    flexbox, similar to &lsquo;<a href="#flex-pack0"><code
-   class=property>flex-pack</code></a>&rsquo; but in the perpendendicular
+   class=property>flex-pack</code></a>&rsquo; but in the perpendicular
    direction. &lsquo;<a href="#flex-align0"><code
    class=property>flex-align</code></a>&rsquo; sets the default alignment for
    all of the flexbox's <a href="#flexbox-item"><i
@@ -1429,7 +1429,9 @@ <h3 id=flex-align><span class=secno>5.2. </span> Cross Axis Alignment: the
 
    <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
-    line.
+    line. (If the <a href="#cross-size"><i>cross size</i></a> of the flexbox
+    is less than than that of the <a href="#flexbox-item"><i>flexbox
+    item</i></a>, it will overflow equally in both directions.)
 
    <dt><dfn id=flex-align-baseline>baseline</dfn>
 

css3-flexbox/Overview.src.html

@@ -659,7 +659,7 @@ <h3 id='flex-align'>
 			<td>no
 	</table>
 
-	<p><i>Flexbox items</i> can be aligned in the <i>cross axis</i> of the current line of the flexbox, similar to 'flex-pack' but in the perpendendicular direction.  'flex-align' sets the default alignment for all of the flexbox's <i title="flexbox items">items</i>, including anonymous <i>flexbox items</i>.  'flex-item-align' allows this default alignment to be overridden for individual <i>flexbox items</i> (for anonymous flexbox items, 'flex-item-align' always matches the value of 'flex-align' on their associated flexbox).</p>
+	<p><i>Flexbox items</i> can be aligned in the <i>cross axis</i> of the current line of the flexbox, similar to 'flex-pack' but in the perpendicular direction.  'flex-align' sets the default alignment for all of the flexbox's <i title="flexbox items">items</i>, including anonymous <i>flexbox items</i>.  'flex-item-align' allows this default alignment to be overridden for individual <i>flexbox items</i> (for anonymous flexbox items, 'flex-item-align' always matches the value of 'flex-align' on their associated flexbox).</p>
 
 	<p>A value of <dfn id="flex-item-align-auto">''auto''</dfn> for 'flex-item-align' computes to the value of 'flex-align' on the <i>flexbox item's</i> flexbox.  The alignments are defined as:</p>
 
@@ -671,7 +671,7 @@ <h3 id='flex-align'>
 		<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-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>
+		<dd>The <i>flexbox item's</i> margin box is centered in the <i>cross axis</i> within the line.  (If the <i>cross size</i> of the flexbox is less than than that of the <i>flexbox item</i>, it will overflow equally in both directions.)</dd>
 
 		<dt><dfn id="flex-align-baseline">baseline</dfn></dt>
 		<dd>