spanify all the exclusion areas

Author: astearns

css3-exclusions/Exclusions.src.html

@@ -131,7 +131,7 @@ <h2 id="definitions">Definitions</h2>
     </div>
     <p>
         The area used for excluding inline flow content around an exclusion box. The
-        exclusion area is equivalent to the <a href="http://www.w3.org/TR/CSS2/box.html#box-dimensions">
+        <span>exclusion area</span> is equivalent to the <a href="http://www.w3.org/TR/CSS2/box.html#box-dimensions">
         border box</a>.
         This specification's
         'shape-outside' property can be used to define arbitrary, non-rectangular exclusion
@@ -201,14 +201,14 @@ <h2 id="definitions">Definitions</h2>
 
     <h2 id="exclusions">Exclusions</h2>
     <p>
-        Exclusion elements define exclusion areas that contribute to their containing block's 
+        Exclusion elements define <span>exclusion areas</span> that contribute to their containing block's 
         <span>wrapping context</span>. As a consequence, exclusions impact the layout of their 
         containing block's descendants.
     <p>
 
     <p>
         Elements layout their inline content in their <span>content area</span> and wrap around the 
-        areas in their associated <span>wrapping context</span>. If the element is itself an exclusion, it 
+        <span>exclusion areas</span> in their associated <span>wrapping context</span>. If the element is itself an exclusion, it 
         does not wrap around its own exclusion shape and the impact of other exclusions on other 
         exclusions is controlled by the 'z-index' property as explained in the 
         <a href="#exclusions-order">exclusions order</a> section.
@@ -282,12 +282,12 @@ <h4 id="wrap-flow-property">The 'wrap-flow' property</h4>
         </dd>
         <dt><dfn title="'wrap-flow'!!'start'">start</dfn></dt>
         <dd>
-            Inline flow content can flow before the start edge of the exclusion area but 
+            Inline flow content can flow before the start edge of the <span>exclusion area</span> but 
             must leave the area after the end edge of the exclusion empty.
         </dd>
         <dt><dfn title="'wrap-flow'!!'end'">end</dfn></dt>
         <dd>
-            Inline flow content can flow after the end edge of the exclusion area but 
+            Inline flow content can flow after the end edge of the <span>exclusion area</span> but 
             must leave the area before the start edge of the exclusion empty.
         </dd>
         <dt><dfn title="'wrap-flow'!!'minimum'">minimum</dfn></dt>
@@ -319,7 +319,7 @@ <h4 id="wrap-flow-property">The 'wrap-flow' property</h4>
         'maximum' or 'clear' on an  element makes that element an <span>exclusion element</a>. 
         It's <span>exclusion shape</span> is contributed to its containing block's 
         <span>wrapping context</span>, causing the containing block's descendants to wrap around 
-        its exclusion area.
+        its <span>exclusion area</span>.
     </p>
 
     <p>An <span>exclusion element</span> establishes a 
@@ -822,7 +822,7 @@ <h4 id="exclusions-processing-model-description">Description</h4>
             <li><strong>Step 2</strong>: resolve <span>wrapping context</span>s and lay out each containing block in turn:
                 <ul>
                     <li><strong>Step 2-A</strong>: resolve the position and size of exclusion boxes</li>
-                    <li><strong>Step 2-B</strong>: lay out containing block, wrapping around exclusion areas</li>
+                    <li><strong>Step 2-B</strong>: lay out containing block, wrapping around <span>exclusion areas</span></li>
                 </ul>
                 </li>
         </ul>
@@ -1071,7 +1071,7 @@ <h3 id="floats-and-exclusions">Floats and exclusions</h3>
     <h4 id="floats-and-exclusions-similarities">Similarities</h4>
 
     <p>There are similarities between floats an exclusions in that inline content wraps around floats 
-        and also wraps around exclusion areas. However, there are very significant differences.</p>
+        and also wraps around <span>exclusion areas</span>. However, there are very significant differences.</p>
 
     <h4 id="floats-and-exclusions-differences">Differences</h4>
 
@@ -1469,15 +1469,27 @@ <h4 id="shape-outside-property">The 'shape-outside' Property</h4>
       </div>
 
       <div>
-          <p>The above figure shows how 'shape-outside' shapes impact the exclusion areas.
-              The red box represents an element's content box and 'A', 'B', 'C' and 'C'
-              represent exclusions with a complex shape and their 'wrap-flow' property set
-              to 'both', 'start', 'end' and 'clear', respectively.</p>
+          <p>The above figure shows how 
+            'shape-outside' shapes 
+            impact the <span>exclusion areas</span>. 
+            The red box represents an element's content box 
+            and 'A', 'B', 'C' and 'C' represent exclusions 
+            with a complex shape 
+            and their 'wrap-flow' property 
+            set to 'both', 'start', 'end' and 'clear', 
+            respectively.</p>
 
-          <p>As illustrated in the picture, when an exclusion allows wrapping on all sides, 
-              text can flow inside 'holes' in the exclusion (as for exclusion 'A'). Otherwise,
-              the exclusion clears the area on the side(s) defined by 'wrap-flow', as illustrated
-              for 'B', 'C' and 'D' above.</p>
+          <p>As illustrated in the picture, 
+            when an exclusion allows wrapping 
+            on all sides, 
+            text can flow inside 'holes' 
+            in the exclusion 
+            (as for exclusion 'A'). 
+            Otherwise, the exclusion clears 
+            the area on the side(s) 
+            defined by 'wrap-flow', 
+            as illustrated 
+            for 'B', 'C' and 'D' above.</p>
       </div>
       <!-- End section "The shape-outside Property" -->
 

css3-exclusions/Overview.html

@@ -393,9 +393,9 @@ <h2 id=definitions><span class=secno>2. </span>Definitions</h2>
   </div>
 
   <p> The area used for excluding inline flow content around an exclusion
-   box. The exclusion area is equivalent to the <a
-   href="http://www.w3.org/TR/CSS2/box.html#box-dimensions"> border box</a>.
-   This specification's ‘<a href="#shape-outside"><code
+   box. The <a href="#exclusion-area">exclusion area</a> is equivalent to the
+   <a href="http://www.w3.org/TR/CSS2/box.html#box-dimensions"> border
+   box</a>. This specification's ‘<a href="#shape-outside"><code
    class=property>shape-outside</code></a>’ property can be used to define
    arbitrary, non-rectangular exclusion areas.
 
@@ -466,20 +466,21 @@ <h2 id=definitions><span class=secno>2. </span>Definitions</h2>
 
   <h2 id=exclusions><span class=secno>3. </span>Exclusions</h2>
 
-  <p> Exclusion elements define exclusion areas that contribute to their
-   containing block's <a href="#wrapping-context">wrapping context</a>. As a
-   consequence, exclusions impact the layout of their containing block's
-   descendants.
+  <p> Exclusion elements define <a href="#exclusion-area">exclusion areas</a>
+   that contribute to their containing block's <a
+   href="#wrapping-context">wrapping context</a>. As a consequence,
+   exclusions impact the layout of their containing block's descendants.
 
   <p>
 
   <p> Elements layout their inline content in their <a
-   href="#content-area">content area</a> and wrap around the areas in their
-   associated <a href="#wrapping-context">wrapping context</a>. If the
-   element is itself an exclusion, it does not wrap around its own exclusion
-   shape and the impact of other exclusions on other exclusions is controlled
-   by the ‘<code class=property>z-index</code>’ property as explained in
-   the <a href="#exclusions-order">exclusions order</a> section.
+   href="#content-area">content area</a> and wrap around the <a
+   href="#exclusion-area">exclusion areas</a> in their associated <a
+   href="#wrapping-context">wrapping context</a>. If the element is itself an
+   exclusion, it does not wrap around its own exclusion shape and the impact
+   of other exclusions on other exclusions is controlled by the ‘<code
+   class=property>z-index</code>’ property as explained in the <a
+   href="#exclusions-order">exclusions order</a> section.
 
   <p> The <a href="#shapes">shape properties</a> can be used to change the
    shape of <a href="#exclusion-area">exclusion areas</a>.
@@ -567,13 +568,15 @@ <h4 id=wrap-flow-property><span class=secno>3.1.1. </span>The ‘<a
 
    <dt><dfn id=start title="'wrap-flow'!!'start'">start</dfn>
 
-   <dd> Inline flow content can flow before the start edge of the exclusion
-    area but must leave the area after the end edge of the exclusion empty.
+   <dd> Inline flow content can flow before the start edge of the <a
+    href="#exclusion-area">exclusion area</a> but must leave the area after
+    the end edge of the exclusion empty.
 
    <dt><dfn id=end title="'wrap-flow'!!'end'">end</dfn>
 
-   <dd> Inline flow content can flow after the end edge of the exclusion area
-    but must leave the area before the start edge of the exclusion empty.
+   <dd> Inline flow content can flow after the end edge of the <a
+    href="#exclusion-area">exclusion area</a> but must leave the area before
+    the start edge of the exclusion empty.
 
    <dt><dfn id=minimum title="'wrap-flow'!!'minimum'">minimum</dfn>
 
@@ -608,7 +611,7 @@ <h4 id=wrap-flow-property><span class=secno>3.1.1. </span>The ‘<a
    <span>exclusion element. It's <span>exclusion shape</span> is contributed
    to its containing block's <a href="#wrapping-context">wrapping
    context</a>, causing the containing block's descendants to wrap around its
-   exclusion area. </span>
+   <a href="#exclusion-area">exclusion area</a>. </span>
 
   <p>An <a href="#exclusion-element">exclusion element</a> establishes a new
    <a href="">block formatting context</a> (see <a href="#CSS21"
@@ -1217,7 +1220,7 @@ <h4 id=exclusions-processing-model-description><span class=secno>3.5.1.
       exclusion boxes
 
      <li><strong>Step 2-B</strong>: lay out containing block, wrapping around
-      exclusion areas
+      <a href="#exclusion-area">exclusion areas</a>
     </ul>
   </ul>
 
@@ -1506,8 +1509,9 @@ <h4 id=floats-and-exclusions-similarities><span class=secno>3.6.1.
    </span>Similarities</h4>
 
   <p>There are similarities between floats an exclusions in that inline
-   content wraps around floats and also wraps around exclusion areas.
-   However, there are very significant differences.
+   content wraps around floats and also wraps around <a
+   href="#exclusion-area">exclusion areas</a>. However, there are very
+   significant differences.
 
   <h4 id=floats-and-exclusions-differences><span class=secno>3.6.2.
    </span>Differences</h4>
@@ -1965,15 +1969,16 @@ <h4 id=shape-outside-property><span class=secno>4.4.1. </span>The ‘<a
 
   <div>
    <p>The above figure shows how ‘<a href="#shape-outside"><code
-    class=property>shape-outside</code></a>’ shapes impact the exclusion
-    areas. The red box represents an element's content box and ‘<code
-    class=property>A</code>’, ‘<code class=property>B</code>’, ‘<code
-    class=property>C</code>’ and ‘<code class=property>C</code>’
-    represent exclusions with a complex shape and their ‘<a
-    href="#wrap-flow"><code class=property>wrap-flow</code></a>’ property
-    set to ‘<code class=property>both</code>’, ‘<code
-    class=property>start</code>’, ‘<code class=property>end</code>’ and
-    ‘<code class=property>clear</code>’, respectively.</p>
+    class=property>shape-outside</code></a>’ shapes impact the <a
+    href="#exclusion-area">exclusion areas</a>. The red box represents an
+    element's content box and ‘<code class=property>A</code>’, ‘<code
+    class=property>B</code>’, ‘<code class=property>C</code>’ and
+    ‘<code class=property>C</code>’ represent exclusions with a complex
+    shape and their ‘<a href="#wrap-flow"><code
+    class=property>wrap-flow</code></a>’ property set to ‘<code
+    class=property>both</code>’, ‘<code class=property>start</code>’,
+    ‘<code class=property>end</code>’ and ‘<code
+    class=property>clear</code>’, respectively.</p>
 
    <p>As illustrated in the picture, when an exclusion allows wrapping on all
     sides, text can flow inside ‘<code class=property>holes</code>’ in