Editorial changes

--HG--
extra : rebase_source : 6d5d33f4f24ecffe5c9e32b81bd18cd0d4f2266c

Author: vhardy

css3-exclusions/Exclusions.src.html

@@ -857,7 +857,7 @@ <h4 id="step-1-resolve-exclusion-boxes-belonging-to-each-wrapping-context">Step
         <p>In this step, the user agent determines which <a href="http://www.w3.org/TR/CSS2/visudet.html#containing-block-details">containing block</a> each 
             <span>exclusion area</span> belongs to. This is a simple step, based on the 
             definition of containing blocks and elements with a computed value for 'wrap-flow'
-            that is not <code class="css">none</code></p>
+            that is not <code class="css">none</code>.</p>
 
         <h4 id="step-2-resolve wrapping-contexts-layout-containing-blocks">Step 2: resolve wrapping contexts and layout containing blocks</h4>
 
@@ -884,7 +884,7 @@ <h4 id="step-2-A-resolve-exclusions-position-and-size">Step 2-A: resolve exclusi
 
         <h4 id="step-2-B-layout-containing-block-applying-wrapping">Step 2-B: layout containing block applying wrapping</h4>
 
-        <p>Finally, the content of the content of the containing block is laid out, with the
+        <p>Finally, the content of the containing block is laid out, with the
             inline content wrapping around the wrapping content's exclusion areas.</p>
 
         <h4 id="exclusions-processing-model-example">Example</h4>
@@ -903,12 +903,12 @@ <h4 id="exclusions-processing-model-example">Example</h4>
         &lt;body&gt;
             &lt;div id="d1" style="width:100%;height:auto;position:relative"&gt;
                 Lorem ipsusm ...
-                &lt;p id="e1" style="position:absolute; left:50%; top:50%; 
+                &lt;p id="e1" style="wrap-flow: both;position:absolute; left:50%; top:50%; 
                                   width:40%;height:40%; margin-left:-20%;" &gt;&lt/p&gt;
             &lt;/div&gt;
             &lt;div id="d2" style="width:100%;height:auto;position:static"&gt;
                 Lorem ipsusm ...
-                &lt;p id="e2" style="position:absolute; right:5ex; top:1em; 
+                &lt;p id="e2" style="wrap-flow: both;position:absolute; right:5ex; top:1em; 
                                   width:12ex;height:10em; margin-left:-20%;" &gt;&lt/p&gt;
             &lt;/div&gt;
         &lt;/body&gt;
@@ -1002,7 +1002,7 @@ <h6>Resolving RWC-1</h6>
         <h6>Resolving RWC-2</h6>
 
         <p>The process is similar: the position of the 
-            <code class="idl">e1</code>exclusion needs to be resolved. Again, resolving the exclusion's 
+            <code class="idl">e1</code> exclusion needs to be resolved. Again, resolving the exclusion's 
             position and size may require processing the containing block (d1 here). 
             It is the case here because the size and position of
             <code class="idl">e1</code> depend on resolving the percentage lengths. The percentages are relative 
@@ -1113,7 +1113,7 @@ <h3 id="relation-to-box-model-and-float-behavior">Relation to the box model and
     } 
 &lt;/style&gt; 
 
-&lt;div style=”position: relative; border: 1px solid black;”&gt; 
+&lt;div style=”position: relative;”&gt; 
     &lt;div class=”exclusion”&gt;&lt;/div&gt; 
     Lorem ipsum dolor sit amet... 
 &lt;/div&gt;

css3-exclusions/Overview.html

@@ -1254,7 +1254,7 @@ <h4 id=exclusions-processing-model-description><span class=secno>3.5.1.
    This is a simple step, based on the definition of containing blocks and
    elements with a computed value for &lsquo;<a href="#wrap-flow"><code
    class=property>wrap-flow</code></a>&rsquo; that is not <code
-   class=css>none</code>
+   class=css>none</code>.
 
   <h4 id="step-2-resolve wrapping-contexts-layout-containing-blocks"><span
    class=secno>3.5.3. </span>Step 2: resolve wrapping contexts and layout
@@ -1287,9 +1287,8 @@ <h4 id=step-2-B-layout-containing-block-applying-wrapping><span
    class=secno>3.5.5. </span>Step 2-B: layout containing block applying
    wrapping</h4>
 
-  <p>Finally, the content of the content of the containing block is laid out,
-   with the inline content wrapping around the wrapping content's exclusion
-   areas.
+  <p>Finally, the content of the containing block is laid out, with the
+   inline content wrapping around the wrapping content's exclusion areas.
 
   <h4 id=exclusions-processing-model-example><span class=secno>3.5.6.
    </span>Example</h4>
@@ -1307,12 +1306,12 @@ <h4 id=exclusions-processing-model-example><span class=secno>3.5.6.
         &lt;body&gt;
             &lt;div id="d1" style="width:100%;height:auto;position:relative"&gt;
                 Lorem ipsusm ...
-                &lt;p id="e1" style="position:absolute; left:50%; top:50%; 
+                &lt;p id="e1" style="wrap-flow: both;position:absolute; left:50%; top:50%; 
                                   width:40%;height:40%; margin-left:-20%;" &gt;&lt/p&gt;
             &lt;/div&gt;
             &lt;div id="d2" style="width:100%;height:auto;position:static"&gt;
                 Lorem ipsusm ...
-                &lt;p id="e2" style="position:absolute; right:5ex; top:1em; 
+                &lt;p id="e2" style="wrap-flow: both;position:absolute; right:5ex; top:1em; 
                                   width:12ex;height:10em; margin-left:-20%;" &gt;&lt/p&gt;
             &lt;/div&gt;
         &lt;/body&gt;
@@ -1426,17 +1425,17 @@ <h6 id=resolving-rwc-1><span class=secno>3.5.6.2.1. </span>Resolving RWC-1</h6>
 
   <h6 id=resolving-rwc-2><span class=secno>3.5.6.2.2. </span>Resolving RWC-2</h6>
 
-  <p>The process is similar: the position of the <code
-   class=idl>e1</code>exclusion needs to be resolved. Again, resolving the
-   exclusion's position and size may require processing the containing block
-   (d1 here). It is the case here because the size and position of <code
-   class=idl>e1</code> depend on resolving the percentage lengths. The
-   percentages are relative to the size of <code
-   class=idl>d1</code>&lsquo;<code class=css>s box. As a result, in order to
-   resolve a size for <code class=idl>d1</code></code>&rsquo;s box, a first
-   layout of <code class=idl>d1</code> is done without any wrapping context
-   (i.e., no exclusions applied). The layout yields a position and size for
-   <code class=idl>e1</code>&lsquo;<code class=css>s box. </code>
+  <p>The process is similar: the position of the <code class=idl>e1</code>
+   exclusion needs to be resolved. Again, resolving the exclusion's position
+   and size may require processing the containing block (d1 here). It is the
+   case here because the size and position of <code class=idl>e1</code>
+   depend on resolving the percentage lengths. The percentages are relative
+   to the size of <code class=idl>d1</code>&lsquo;<code class=css>s box. As a
+   result, in order to resolve a size for <code
+   class=idl>d1</code></code>&rsquo;s box, a first layout of <code
+   class=idl>d1</code> is done without any wrapping context (i.e., no
+   exclusions applied). The layout yields a position and size for <code
+   class=idl>e1</code>&lsquo;<code class=css>s box. </code>
 
   <p>At this point, RWC-2 is resolved because the position and size of both
    e1 and e2 are resolved.
@@ -1561,7 +1560,7 @@ <h3 id=relation-to-box-model-and-float-behavior><span class=secno>4.1.
     } 
 &lt;/style&gt; 
 
-&lt;div style=”position: relative; border: 1px solid black;”&gt; 
+&lt;div style=”position: relative;”&gt; 
     &lt;div class=”exclusion”&gt;&lt;/div&gt; 
     Lorem ipsum dolor sit amet... 
 &lt;/div&gt;