Editorial fixes

Author: kojiishi

css-line-grid/Overview.html

@@ -39,13 +39,13 @@
 
    <h1>CSS Line Grid Module</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 30 April 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 6 May 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd><a href="http://www.w3.org/TR/2011/ED-unknown-shortname-20110430">
-     http://www.w3.org/TR/2011/ED-unknown-shortname-20110430</a> <!--
+    <dd><a href="http://www.w3.org/TR/2011/ED-unknown-shortname-20110506">
+     http://www.w3.org/TR/2011/ED-unknown-shortname-20110506</a> <!--
   <dt>Latest version:
     <dd><a href="http://www.w3.org/TR/css-line-grid">
     http://www.w3.org/TR/css-line-grid</a>
@@ -216,77 +216,75 @@ <h3 id=context><span class=secno>1.1. </span>Background</h3>
   <p>This specification provides features to align lines and blocks to
    invisible grids in the document.
 
-  <p>Aligning lines and blocks to grids gives the following benefits:
+  <p>Aligning lines and blocks to grids provides the following benefits:
 
   <ul>
-   <li>Keep vertical rhythm for better readability.
+   <li>Vertical rhythm is kept for better readability.
 
-   <li>Align lines between columns in multi-column documents.
+   <li>Lines are aligned between columns in multi-column documents.
 
-   <li>Make the top and the bottom margins of pictures equal, while keeping
-    the vertical rhythm of text before and after the pictures.</li>
+   <li>The top and the bottom margins of pictures are made equal, while
+    keeping the vertical rhythm of text before and after the pictures.</li>
    <!--
     <li>Aligning to grids can sometimes be turned off for objects like tables,
       but then turned back on for the following text
       to the same grids as the one for the text before the objects.</li>
     -->
 
-   <li>Layout lines at the same position in every page in paged media.
+   <li>Layout lines are at the same position on every page in paged media.
     Keeping the position of the bottom line of a page has benefits for design
-    and readability. This also improves the readability on duplex printing,
-    two pages spreads, and when displaying on slow display devices like
-    e-ink.
+    and readability. This also improves the readability of duplex printing,
+    two pages spreads, and displaying on slow display devices like e-ink.
 
    <li>East Asian layouts require vertical rhythm more often than other
-    scripts does, even in single column, non-paged media documents, as
-    defined in <a href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>.
-
-   <li>It is often desirable in East Asian layouts to make the line width to
-    be multiple of <em>em</em> without fractions. Since most East Asian
-    characters have 1em advance, and since most East Asian documents are
-    justified, this minimizes the case where justification needs to expand
-    lines.
+    scripts do, even in single column, non-paged media documents, as defined
+    in <a href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>.
+
+   <li>It is often desirable in East Asian layouts to make the line width a
+    multiple of <em>em</em> without fractions. Because most East Asian
+    characters have 1em advance and most East Asian documents are justified,
+    this minimizes cases where justification is needed to expand lines.
   </ul>
 
   <p>There are several types of objects in a document that can break the
-   vertical rhythm. Examples include lines in different size of text,
+   vertical rhythm. Examples include lines with different sizes of text,
    pictures, and tables.
 
-  <div class=figure> <img alt="Keep vertical rhythm through pictures and
+  <div class=figure> <img alt="Vertical rhythm kept through pictures and
    different size of text in a multi-column document" height=246
    src=line-grid-multicol.png width=480>
-   <p class=caption>Keep vertical rhythm through pictures and different size
+   <p class=caption>Vertical rhythm kept through pictures and different size
     of text in a multi-column document.</p>
   </div>
 
   <div class=figure id=ex-sidenote>
    <div class=sidenote-block>
     <div class=sidenote-body> Sidenotes (and footnotes for that matter) are
-     often set at a smaller size to the basic text. This smaller text should
-     still line up with basic text. Authors can achieve this effect by
-     calculating appropriate font-size, line-height, and margins*.</div>
+     often set at a smaller size than the basic text. This smaller text
+     should still line up with the basic text. Authors can achieve this
+     effect by calculating appropriate font-size, line-height, and margins*.</div>
 
     <div class=sidenote-note> Only if author controls everything. It can
      easily be broken by user stylesheet, for instance.</div>
    </div>
 
-   <p class=caption>Sidenotes set at a smaller size, but still line up with
-    basic text.</p>
+   <p class=caption>Sidenotes are set at a smaller size, but still line up
+    with the basic text.</p>
   </div>
 
-  <p>This module defines following capabilities:
+  <p>This module provides the following capabilities:
 
   <ul>
-   <li>Defines grids in the line progression direction.
+   <li>Defining grids in the line progression direction.
 
-   <li>Controls how lines and blocks align to the grids.
+   <li>Controling how lines and blocks align to the grids.
 
-   <li>Rounds lengths down to multiple of units.
+   <li>Rounding lengths down to multiples of units.
   </ul>
 
-  <p>It is important to control these capabilities independently, so that
-   aligning to grids can be turned off for tables for example, but can then
-   be turned back on for the following text to the grids.
+  <p>It is important to control these capabilities independently, so that,
+   for example, aligning to grids can be turned off for tables, but can then
+   be turned back on for aligning the following text to the grids.
 
   <h3 id=placement><span class=secno>1.2. </span>Module Interactions</h3>
 
@@ -498,7 +496,7 @@ <h3 id=layout-grid-mode-prop><span class=secno>3.1. </span>Grid Mode: the
 
   <p>When this property is set to anything other than &lsquo;<code
    class=css>none</code>&rsquo;, the computed height of the object is
-   increased to the smallest multiple of the grid heights that is equal to or
+   increased to the smallest multiple of the grid height that is equal to or
    smaller than the original computed height.
 
   <p>When the value of this property is &lsquo;<code
@@ -513,24 +511,25 @@ <h3 id=layout-grid-mode-prop><span class=secno>3.1. </span>Grid Mode: the
    the object to fit in. The starting alignment point is moved accordingly.
    This is illustrated below, where <em>a</em> represents the numerical
    &lsquo;<a href="#layout-grid-line"><code
-   class=property>layout-grid-line</code></a>&rsquo; value, <em>b</em> and
-   <em>c</em> are half the difference between the computed line-heights and
-   either the layout-grid-line value or twice the value respectively.:
+   class=property>layout-grid-line</code></a>&rsquo; value, and <em>b</em>
+   and <em>c</em> are half the difference between the computed line-heights
+   and either the layout-grid-line value or twice the value respectively.
 
-  <div class=figure> <img src=lgl.gif>
-   <p class=caption>Layout of contents within line grid, where <em>a</em>
+  <div class=figure> <img alt="Layout of content within a line grid"
+   src=lgl.gif>
+   <p class=caption>Layout of content within a line grid, where <em>a</em>
     represents the layout-grid-line value, and the alignment baseline is at
     the bottom (after-edge).</p>
   </div>
 
-  <p>As for regular height computation, the ruby box is treated especially.
+  <p>As for regular height computation, the ruby box is treated specifically.
    In a similar fashion to the line-height determination process, only the
-   ruby base element is considered for centering purpose, however the above
+   ruby base element is considered for centering purposes, however the above
    and/or the after space should be sufficient to fit the ruby text above
    and/or after the base text within the grid-line space. If this is not the
-   case, the grid-line size needs to be increased in multiple of grid rows
-   until the whole ruby box fits. <span class=issue>Is just ignoring ruby
-   text enough? like rt { layout-grid-mode: ignore; } or nothing needed to be
+   case, the grid-line size needs to be increased in multiple grid rows until
+   the whole ruby box fits. <span class=issue>Is just ignoring ruby text
+   enough? like rt { layout-grid-mode: ignore; } or nothing needed to be
    defined if line-stacking-ruby: auto does the work?</span>
 
   <p>Note that in order for this property to have an effect, line grids must
@@ -542,16 +541,16 @@ <h3 id=layout-grid-mode-prop><span class=secno>3.1. </span>Grid Mode: the
    like only a word in a line is large. But how can we align baselines to
    grids? Align baselines to center of grids? Lines may not fit within one
    grid. Align baselines to grids might work better, but it may not work well
-   with settings headigns to &lsquo;<code class=css>block</code>&rsquo;.
+   with settings headings to &lsquo;<code class=css>block</code>&rsquo;.
 
   <div class=example>
    <div class=sidefigure> <img alt="Large text wraps within line grids"
     height=244 src=line-grid-wrap.png width=276>
     <p class=caption>Large text wraps within line grids.</p>
    </div>
 
-   <p>When a different size of text like headings wraps, it is usually
-    aligned to grids as a block and lines within the block do not align.</p>
+   <p>When a different size of text, such as a headings, wraps, it is usually
+    aligned to grids as a block and the lines within the block do not align.</p>
 
    <p>This effect can be achieved by the following code:</p>
 
@@ -577,7 +576,7 @@ <h3 id=grid-length-unit><span class=secno>3.3. </span>The &lsquo;<code
    Grid units are used very frequently in East Asian typography, especially
    for the left, right, top and bottom element margins.
 
-  <p>Therefore a new length unit is necessary: gd to enable the author to
+  <p>Therefore, a new length unit is necessary, gd, to enable the author to
    specify the various measurements in terms of the grid.
 
   <p>For example, consider the following style:
@@ -613,7 +612,7 @@ <h3 id=grid-length-unit><span class=secno>3.3. </span>The &lsquo;<code
    <p>East Asian layout often requires heights specified by the count of the
     line grids. In Japanese, this method is called Gyou-dori. Refer to <a
     href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a> for more
-    details of Gyou-dori.</p>
+    details about Gyou-dori.</p>
 
    <pre><code class=css>
 <!-- -->h1 {
@@ -633,13 +632,13 @@ <h3 id=round-length><span class=secno>3.4. </span>Rounding Down Lengths to
    class=property>height</code>&rsquo; properties accept &lsquo;<code
    class=css>*gd</code>&rsquo; and &lsquo;<code class=css>*em</code>&rsquo;
    values. These values compute to &lsquo;<code class=css>auto</code>&rsquo;,
-   and then the result will be round down to the largest multiple of the
+   and then the result will be rounded down to the largest multiple of the
    specified unit that is equal to or less than the original computed value.
 
-  <p>The fraction is distributed evenly to the computed values of margins of
+  <p>The fraction is distributed evenly to the computed values of margins on
    each side. If it is used for &lsquo;<code
-   class=property>height</code>&rsquo;, the half the fraction is added to the
-   top and the bottom margins. If for &lsquo;<code
+   class=property>height</code>&rsquo;, half the fraction is added to the top
+   and the bottom margins. If for &lsquo;<code
    class=property>width</code>&rsquo;, to the left and the right margins.
 
   <p class=issue>Should this be a property instead?
@@ -651,10 +650,9 @@ <h3 id=round-length><span class=secno>3.4. </span>Rounding Down Lengths to
 
   <div class=example>
    <p>It is often desirable for East Asian layouts to make the line width to
-    be multiple of <em>em</em> without fractions. Since most East Asian
-    characters have 1em advance, and since most East Asian documents are
-    justified, this minimizes the case where justification needs to expand
-    lines.</p>
+    be multiple of <em>em</em> without fractions. Because most East Asian
+    characters have 1em advance and most East Asian documents are justified,
+    this minimizes cases where justification is needed to expand lines.</p>
 
    <pre><code class=css>
 <!-- -->body {