fixed typos

Author: alexmog1

css3-flexbox/Overview.html

@@ -29,11 +29,11 @@
 
    <h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 29 February 2012</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 5 March 2012</h2>
 
    <dl>
     <dt>This version:
-     <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120229/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120229/</a>-->
+     <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120305/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120305/</a>-->
 
 
     <dd><a
@@ -1555,8 +1555,8 @@ <h3 id=flex-align><span class=secno>8.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. (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.)
+    is less 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>
 
@@ -1634,15 +1634,15 @@ <h3 id=auto-margins><span class=secno>8.3. </span> Resolving &#39;auto&#39;
    similar to auto margins in normal flow.
 
   <ul>
-   <li>Through calculations of preferred sizes and flexible lenghts, auto
+   <li>Through calculations of preferred sizes and flexible lengths, auto
     margins are considered to be zero.
 
    <li>&nbsp;Immediately <em>before</em> pack and align steps, if there are
     any auto margins on items in the direction of alignment and there is
     positive free space, the free space is distributed equally to the auto
     margins.
 
-   <li>If free space was distributied to auto margins, the following pack or
+   <li>If free space was distributed to auto margins, the following pack or
     align step has no effect.
   </ul>
 
@@ -1652,7 +1652,7 @@ <h3 id=auto-margins><span class=secno>8.3. </span> Resolving &#39;auto&#39;
    <p>Note that auto margins work consistently in both dimensions, so a
     simple markup like this</p>
 
-   <pre>div { 	display:-ms-box;
+   <pre>div { 	display:flexbox;
 	width:4em; height:4em; background:silver;
 }
 p { margin:auto; }
@@ -1857,7 +1857,7 @@ <h2 id=layout-algorithm><span class=secno>9. </span> Flexbox Layout
   <p>To lay out a flexbox and its contents, follow these steps:
 
   <ol>
-   <li value=0>Generate anonymous flexbox items around runs of continguous
+   <li value=0>Generate anonymous flexbox items around runs of contiguous
     inline content in the flexbox, as described in the <a
     href="#flex-items">Flexbox Items</a> section.
 
@@ -1886,9 +1886,9 @@ <h2 id=layout-algorithm><span class=secno>9. </span> Flexbox Layout
        without breaking lines other than where explicit line breaks occur,
        and also calculate the preferred minimum width, e.g., by trying all
        possible line breaks. This module doesn&#39;t define the exact
-       algorith, but it is expected that the shrink-to-fit size is calculated
-       the same way as it is for floats, except in this case it is not
-       affected by available space.</p>
+       algorithm, but it is expected that the shrink-to-fit size is
+       calculated the same way as it is for floats, except in this case it is
+       not affected by available space.</p>
 
       <div class=issue>
        <p>TODO: define shrink-to-fit. It works differently in row/column
@@ -2022,7 +2022,7 @@ <h2 id=layout-algorithm><span class=secno>9. </span> Flexbox Layout
     flexbox line. For all other flexbox items, its final cross size is its
     hypothetical cross size. If the result conflicts with
     &#39;min-width&#39;, &#39;max-width&#39;, &#39;min-height&#39; or
-    &#39;max-height&#39;, correct the result to comply the the restrictions.
+    &#39;max-height&#39;, correct the result to comply the restrictions.
   </ol>
 
   <p class=issue>&lsquo;<code class=property>auto</code>&rsquo; height must
@@ -2032,7 +2032,7 @@ <h2 id=layout-algorithm><span class=secno>9. </span> Flexbox Layout
    <li>Resolve &#39;auto&#39; margins on cross axis. For each flexbox item,
     if its margin box cross size is smaller than cross size of its line and
     it has any margins in cross direction set to &#39;auto&#39;, distribute
-    the difference equaly to the auto margins.
+    the difference equally to the auto margins.
 
    <li>For each flexbox line, align the flexbox items per &lsquo;<a
     href="#flex-item-align"><code
@@ -2150,7 +2150,7 @@ <h2 id=pagination><span class=secno>10. </span> Page breaks in flexbox</h2>
     <p class=issue>"break-inside:avoid" in single-line horizontal should
      probably be applied to flexbox too.</p>
 
-   <li>In column-directon single-line flexbox and all multi-line flexboxes:
+   <li>In column-direction single-line flexbox and all multi-line flexboxes:
     <ol>
      <li>Forced break before the first item is applied to the flexbox
 
@@ -2191,7 +2191,7 @@ <h2 id=pagination><span class=secno>10. </span> Page breaks in flexbox</h2>
        flexbox.</p>
 
      <li>Set of items that will fit on current page is determined by adding
-      main-axis sizes of items until total size exceeds avaialble space or a
+      main-axis sizes of items until total size exceeds availalble space or a
       forced break is encountered.
 
      <li>If border box of an item doesn’t fit in available space, a break
@@ -2202,7 +2202,7 @@ <h2 id=pagination><span class=secno>10. </span> Page breaks in flexbox</h2>
        according to ‘flex-pack’ property, independently from the rest of
        flexbox content.</p>
 
-      <p>Note that flexible lenghts are not recalculated on each page, even
+      <p>Note that flexible lengths are not recalculated on each page, even
        if there is additional free space.</p>
     </ol>
 
@@ -2326,7 +2326,7 @@ <h2 id=pagination><span class=secno>10. </span> Page breaks in flexbox</h2>
      <li>Line packing is done on each page, with content on the page
     </ol>
 
-    <p class=issue>TODO: combine breaking algorightms for multiline in both
+    <p class=issue>TODO: combine breaking algorigthms for multiline in both
      directions. If breaks inside items are not allowed the algorithm is
      almost same.</p>
   </ul>

css3-flexbox/Overview.src.html

@@ -761,7 +761,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.  (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>
+		<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 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>
@@ -813,19 +813,19 @@ <h3 id='auto-margins'>
 Margins on flexbox items can be set to &#39;auto&#39;, with effect very similar to auto 
 margins in normal flow. </p>
 <ul>
-	<li>Through calculations of preferred sizes and flexible lenghts, auto 
+	<li>Through calculations of preferred sizes and flexible lengths, auto 
 	margins are considered to be zero.</li>
 	<li>&nbsp;Immediately <em>before</em> pack and align steps, if there are any 
 	auto margins on items in the direction of alignment and there is positive 
 	free space, the free space is distributed equally to the auto margins. </li>
-	<li>If free space was distributied to auto margins, the following pack or align 
+	<li>If free space was distributed to auto margins, the following pack or align 
 	step has no effect.</li>
 </ul>
 <div class="example">
 <p>Auto margins can be used for simple alignment or for fine control.</p>
 	<p>Note that auto margins work consistently in both dimensions, so a simple 
 	markup like this</p>
-	<pre>div { 	display:-ms-box;
+	<pre>div { 	display:flexbox;
 	width:4em; height:4em; background:silver;
 }
 p { margin:auto; }
@@ -942,7 +942,7 @@ <h2 id='layout-algorithm'>
 	<p>To lay out a flexbox and its contents, follow these steps:</p>
 
 	<ol>
-		<li value=0>Generate anonymous flexbox items around runs of continguous inline content in the flexbox, as described in the <a href="#flex-items">Flexbox Items</a> section.</li>
+		<li value=0>Generate anonymous flexbox items around runs of contiguous inline content in the flexbox, as described in the <a href="#flex-items">Flexbox Items</a> section.</li>
 
 		<li>Re-order the flexbox items according to their 'flex-order'.  The items with the lowest (most negative) 'flex-order' values are first in the ordering.  If multiple items share a 'flex-order' value, they're ordered by document order.  This affects the order in which the flexbox items generate boxes in the box-tree, and how the rest of this algorithm deals with the items.</li>
 
@@ -955,7 +955,7 @@ <h2 id='layout-algorithm'>
 				<li>
 					<p>Otherwise layout the flexbox items using the shrink-to-fit algorithm.</p>
 
-					<p>Calculation of the shrink-to-fit width is similar to calculating the width of a table cell using the automatic table layout algorithm. Roughly: calculate the preferred width by formatting the content without breaking lines other than where explicit line breaks occur, and also calculate the preferred minimum width, e.g., by trying all possible line breaks. This module doesn&#39;t define the exact algorith, but it is expected that the shrink-to-fit size is calculated the same way as it is for floats, except in this case it is not affected by available space.</p>
+					<p>Calculation of the shrink-to-fit width is similar to calculating the width of a table cell using the automatic table layout algorithm. Roughly: calculate the preferred width by formatting the content without breaking lines other than where explicit line breaks occur, and also calculate the preferred minimum width, e.g., by trying all possible line breaks. This module doesn&#39;t define the exact algorithm, but it is expected that the shrink-to-fit size is calculated the same way as it is for floats, except in this case it is not affected by available space.</p>
 
 					<div class="issue"><p>TODO: define shrink-to-fit. It works 
 						differently in row/column flexboxes:</p>
@@ -1047,13 +1047,13 @@ <h2 id='layout-algorithm'>
 		<li>Determine the final cross size of each flexbox item.  For each flexbox item, if it has ''flex-item-align:stretch'', its final cross size is 
 		set so that its margin-box cross size is equal to cross-size of its flexbox line.  For all other flexbox items, its final cross size is its hypothetical cross size. 
 		If the result conflicts with &#39;min-width&#39;, &#39;max-width&#39;, &#39;min-height&#39; or 
-		&#39;max-height&#39;, correct the result to comply the the restrictions.</li>
+		&#39;max-height&#39;, correct the result to comply the restrictions.</li>
 		<p class="issue">'auto' height must only grow, not shrink here</p>
 
 		<li>Resolve &#39;auto&#39; margins on cross axis. For each flexbox item, if its 
 		margin box cross size is smaller than cross size of its line and it has 
 		any margins in cross direction set to &#39;auto&#39;, distribute the difference 
-		equaly to the auto margins. </li>
+		equally to the auto margins. </li>
 		<li>For each flexbox line, align the flexbox items per 'flex-item-align'.</li>
 
 		<li>Align the flexbox lines per 'flex-line-pack'.  The leftover free-space is calculated by subtracting the sum of the flexbox line's cross sizes from the cross size of the flexbox's content box.</li>
@@ -1153,7 +1153,7 @@ <h2 id="pagination">
 				<li>In a row-direction single-line flexbox, breaks before and after items apply to the flexbox</li>
 				<p class="issue">"break-inside:avoid" in single-line horizontal should probably be applied to flexbox too.</p>
 
-				<li>In column-directon single-line flexbox and all multi-line flexboxes:
+				<li>In column-direction single-line flexbox and all multi-line flexboxes:
 
 					<ol>
 						<li>Forced break before the first item is applied to the flexbox</li>
@@ -1188,14 +1188,14 @@ <h2 id="pagination">
 					<p>If page size varies and flexbox size depends on page size, this step has to be repeated on each page, again with the whole content of the flexbox.</p>
 				</li>
 
-				<li>Set of items that will fit on current page is determined by adding main-axis sizes of items until total size exceeds avaialble space or a forced break is encountered.</li>
+				<li>Set of items that will fit on current page is determined by adding main-axis sizes of items until total size exceeds availalble space or a forced break is encountered.</li>
 
 				<li>If border box of an item doesn’t fit in available space, a break inside the item is considered</li>
 
 				<li>
 					<p>Items that fit on a page completely or partially are aligned according to ‘flex-pack’ property, independently from the rest of flexbox content.</p>
 
-					<p>Note that flexible lenghts are not recalculated on each page, even if there is additional free space.</p>
+					<p>Note that flexible lengths are not recalculated on each page, even if there is additional free space.</p>
 				</li>
 			</ol>
 
@@ -1286,7 +1286,7 @@ <h2 id="pagination">
 				that have fit on the current page.</li>
 
 				<li>Line packing is done on each page, with content on the page</li>
-				<p class="issue">TODO: combine breaking algorightms for multiline in both directions. If breaks inside items are not allowed the algorithm is almost same.</p>
+				<p class="issue">TODO: combine breaking algorigthms for multiline in both directions. If breaks inside items are not allowed the algorithm is almost same.</p>
 			</ol>
 		</li>
 	</ol>