Spell check.

Author: dbaron

css3-flexbox/Overview.html

@@ -66,7 +66,7 @@ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 10 June 2009</h2>
 
   <h2 class="no-num no-toc" id=abstract><a name=abstract>Abstract</a></h2>
 
-  <p>The draft describes a CSS box model optimised for interface design. It
+  <p>The draft describes a CSS box model optimized for interface design. It
    provides an additional layout system alongside the ones already in CSS. <a
    href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> In this new box
    model, the children of a box are laid out either horizontally or
@@ -644,7 +644,7 @@ <h2 id=alignment><span class=secno>4 </span>Alignment</h2>
    child.
 
   <p>The following values are valid for the box-align property, but see the
-   text afterwards for more specifics as to how children are positioned.
+   text afterward for more specifics as to how children are positioned.
 
   <dl>
    <dt>start
@@ -1218,9 +1218,9 @@ <h2 id=multiple><span class=secno>7 </span>Multiple Lines</h2>
    below the earlier lines in normal direction boxes and above in reverse
    direction boxes. The height of a line is the height of the largest child
    in that line. No additional space appears between the lines apart from the
-   margins on the largest elements in each line. For calclating the height of
-   a line, margins with a computed value of auto should be treated as having
-   a value of 0.
+   margins on the largest elements in each line. For calculating the height
+   of a line, margins with a computed value of auto should be treated as
+   having a value of 0.
 
   <p>A similar process occurs for children in a vertical box. Later lines in
    normal direction boxes are placed to the right of earlier lines and to the
@@ -1302,7 +1302,7 @@ <h3 id=multiple><span class=secno>7.1 </span>Multiple Lines and alignment</h3>
    in multiple line boxes, as with single line boxes. If box-align is start,
    the first line is placed along the top or left edge of the box (or the
    bottom or right edge for reverse direction boxes), and additional lines
-   are placed afterwards with no extra spacing between them. Each element
+   are placed afterward with no extra spacing between them. Each element
    within a line is placed with that same edge aligned. For instance, in a
    normal direction, vertical box, the top edges of each element are aligned
    with the top edge of the line it is within. If box-align is end, the first
@@ -1370,7 +1370,7 @@ <h2 id=inlinesAndBlocks><span class=secno>8 </span>Relationship to Inlines
    manner as specified in the CSS specification. The used height may further
    be adjusted by the container's <a href="#propdef-box-align">&lsquo;<code
    class=property>box-align</code>&rsquo;</a> property in a horizontally
-   oriented box, or the flexibiliy in a vertically oriented box.
+   oriented box, or the flexibility in a vertically oriented box.
 
   <p> Note that it is possible for a horizontally oriented box that the
    height of a flexible child containing an inline descendant will change

css3-flexbox/Overview.src.html

@@ -30,7 +30,7 @@ <h2 class="no-num no-toc" id="w3c-working">[LONGSTATUS], [DATE]</h2>
 
   <h2 class="no-num no-toc" id="abstract"><a name="abstract">Abstract</a></h2>
 
-  <p>The draft describes a CSS box model optimised for interface design.
+  <p>The draft describes a CSS box model optimized for interface design.
   It provides an additional layout system alongside the ones already in
   CSS.  [[!CSS21]]  In this new box model, the children of a box are
   laid out either horizontally or vertically, and unused space can be
@@ -444,7 +444,7 @@ <h2 id="boxsizing">Box sizing</h2>
    first child and 50 pixels of space for the second child.
 
   </p><p>The following values are valid for the box-align property, but see the
-   text afterwards for more specifics as to how children are positioned.
+   text afterward for more specifics as to how children are positioned.
 
 <dl>
    <dt>start
@@ -901,7 +901,7 @@ <h2 id="packing">Packing along the box axis</h2>
    earlier lines in normal direction boxes and above in reverse direction boxes.
    The height of a line is the height of the largest child in that line. No
    additional space appears between the lines apart from the margins on the
-   largest elements in each line. For calclating the height of a line, margins
+   largest elements in each line. For calculating the height of a line, margins
    with a computed value of auto should be treated as having a value of 0.
 
   </p><p>A similar process occurs for children in a vertical box. Later lines in
@@ -996,7 +996,7 @@ <h3 id="multiple">Multiple Lines and alignment</h3>
     multiple line boxes, as with single line boxes. If box-align is start, the
     first line is placed along the top or left edge of the box (or the bottom
     or right edge for reverse direction boxes), and additional lines are placed
-    afterwards with no extra spacing between them. Each element within a line is
+    afterward with no extra spacing between them. Each element within a line is
     placed with that same edge aligned. For instance, in a normal direction,
     vertical box, the top edges of each element are aligned with the top edge of
     the line it is within. If box-align is end, the first line is placed along the
@@ -1055,7 +1055,7 @@ <h2 id="inlinesAndBlocks">Relationship to Inlines and blocks</h2>
      The height of a child of a flexible box is determined in the same manner as specified
      in the CSS specification. The used height may further be adjusted by the container's
      <a href="#propdef-box-align">'box-align'</a></span> property in a horizontally
-     oriented box, or the flexibiliy in a vertically oriented box.
+     oriented box, or the flexibility in a vertically oriented box.
   </p><p>
 
      Note that it is possible for a horizontally oriented box that the height of a