Outdent headers. Rewrite intro take I.

Author: fantasai

css3-break/Overview.html

@@ -84,14 +84,14 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 24 January
    <hr title="Separator for header">
   </div>
 
-  <h2 class="no-num no-toc" id=abstract>Abstract</h2>
+  <h2 class="no-num no-toc" id=abstract> Abstract</h2>
 
   <p> This module describes the fragmentation model that partitions a flow
    into pages. It builds on the Page model module and introduces and defines
    the fragmentation model. It adds functionality for pagination, breaking
    variable fragment size and orientation, widows and orphans.
 
-  <h2 class="no-num no-toc" id=status>Status of this document</h2>
+  <h2 class="no-num no-toc" id=status> Status of this document</h2>
   <!--begin-status-->
 
   <p>This is a public copy of the editors' draft. It is provided for
@@ -127,46 +127,47 @@ <h2 class="no-num no-toc" id=status>Status of this document</h2>
   <!--end-status-->
   <!--<p>The following features are at risk: &hellip;</p>-->
 
-  <h2 class="no-num no-toc" id=contents>Table of contents</h2>
+  <h2 class="no-num no-toc" id=contents> Table of contents</h2>
   <!--begin-toc-->
 
   <ul class=toc>
-   <li><a href="#intro"><span class=secno>1. </span>Introduction</a>
+   <li><a href="#intro"><span class=secno>1. </span> Introduction</a>
     <ul class=toc>
-     <li><a href="#placement"><span class=secno>1.1. </span>Module
+     <li><a href="#placement"><span class=secno>1.1. </span> Module
       Interactions</a>
 
-     <li><a href="#values"><span class=secno>1.2. </span>Values</a>
+     <li><a href="#values"><span class=secno>1.2. </span> Values</a>
     </ul>
 
-   <li><a href="#page-breaks"><span class=secno>2. </span>Page Breaks</a>
+   <li><a href="#page-breaks"><span class=secno>2. </span> Page Breaks</a>
     <ul class=toc>
-     <li><a href="#pg-br-before-after"><span class=secno>2.1. </span> Break
-      before/after elements: &lsquo;<code
+     <li><a href="#pg-br-before-after"><span class=secno>2.1. </span>
+      Breaking before/after/inside elements: the &lsquo;<code
       class=property>page-break-before</code>&rsquo;, &lsquo;<code
-      class=property>page-break-after</code>&rsquo;, &lsquo;<code
-      class=property>page-break-inside</code>&rsquo; </a>
+      class=property>page-break-after</code>&rsquo;, and &lsquo;<code
+      class=property>page-break-inside</code>&rsquo; properties </a>
 
-     <li><a href="#using-named-pages"><span class=secno>2.2. </span>Using
-      named pages: &lsquo;<code class=property>page</code>&rsquo;</a>
+     <li><a href="#using-named-pages"><span class=secno>2.2. </span> Using
+      named pages: the &lsquo;<code class=property>page</code>&rsquo;
+      property</a>
 
-     <li><a href="#breaks-inside"><span class=secno>2.3. </span>Breaks inside
-      elements: &lsquo;<code class=property>orphans</code>&rsquo;,
+     <li><a href="#breaks-inside"><span class=secno>2.3. </span> Breaks
+      inside elements: &lsquo;<code class=property>orphans</code>&rsquo;,
       &lsquo;<code class=property>widows</code>&rsquo;</a>
 
-     <li><a href="#allowed-pg-brk"><span class=secno>2.4. </span>Allowed page
-      breaks</a>
+     <li><a href="#allowed-pg-brk"><span class=secno>2.4. </span> Allowed
+      page breaks</a>
 
-     <li><a href="#forced-pg-brk"><span class=secno>2.5. </span>Forced page
+     <li><a href="#forced-pg-brk"><span class=secno>2.5. </span> Forced page
       breaks</a>
 
-     <li><a href="#best-pg-brk"><span class=secno>2.6. </span>"Best" page
+     <li><a href="#best-pg-brk"><span class=secno>2.6. </span> "Best" page
       breaks</a>
     </ul>
 
-   <li><a href="#conformance"><span class=secno>3. </span>Conformance</a>
+   <li><a href="#conformance"><span class=secno>3. </span> Conformance</a>
     <ul class=toc>
-     <li><a href="#conventions"><span class=secno>3.1. </span>Document
+     <li><a href="#conventions"><span class=secno>3.1. </span> Document
       Conventions</a>
 
      <li><a href="#conformance-classes"><span class=secno>3.2.
@@ -185,7 +186,7 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
       Criteria</a>
     </ul>
 
-   <li class=no-num><a href="#acknowledgments">Acknowledgments</a>
+   <li class=no-num><a href="#acknowledgments"> Acknowledgments</a>
 
    <li class=no-num><a href="#references">References</a>
     <ul class=toc>
@@ -201,47 +202,28 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
   </ul>
   <!--end-toc-->
 
-  <h2 id=intro><span class=secno>1. </span>Introduction</h2>
+  <h2 id=intro><span class=secno>1. </span> Introduction</h2>
 
   <p><em>This section is not normative.</em>
 
-  <p> Paged media (e.g., paper, transparencies, photo album pages, pages
-   displayed on computer screens as printed output simulations) differ from
-   <a href="/TR/CSS2/media.html#continuous-media-group"> continuous media</a>
-   in that the content of the document is split into one or more discrete
-   static display surfaces. To handle pages, CSS3 Paged Media describes how:
-
-  <ul>
-   <li><a href="#page-breaks">page breaks</a> are created and avoided;
-
-   <li>the page properties such as size, orientation, margins, border, and
-    padding are specified;
-
-   <li>headers and footers are established within the page margins;
-
-   <li>content such as page counters are placed in the headers and footers;
-    and
-
-   <li>orphans and widows can be controlled.
-  </ul>
-
-  <p> This module defines a <a href="#page-model">page model</a> that
-   specifies how a document is formatted within a rectangular area, called
-   the <a href="#page-box-page-rule"> page box</a>, that has finite width and
-   height.
-
-  <p> Although CSS3 does not specify how user agents transfer page boxes to
-   sheets, it does include certain mechanisms for telling user agents about
-   the intended page sheet <a href="#page-size">size and orientation</a>. In
-   the general case, CSS3 assumes that one page box will be transferred to
-   one surface of similar size.
-
-  <p> All properties defined in this specification also accept the <a
-   href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">
-   inherit</a> keyword as their value, but for readability it has not been
-   listed explicitly.
-
-  <h3 id=placement><span class=secno>1.1. </span>Module Interactions</h3>
+  <p> In paged media (e.g., paper, transparencies, photo album pages, pages
+   displayed on computer screens as printed output simulations), as opposed
+   to <a href="/TR/CSS2/media.html#continuous-media-group"> continuous
+   media</a>, the content of the document is split into one or more discrete
+   display surfaces. In order to avoid awkward breaks (such as halfway
+   through a line of text), the layout engine must be able to shift around
+   content that would fall across the page break. This process is called <dfn
+   id=pagination>pagination</dfn>.
+
+  <p> In CSS, in addition to paged media, certain layout features such as
+   regions <a href="#CSS3-REGIONS"
+   rel=biblioentry>[CSS3-REGIONS]<!--{{CSS3-REGIONS}}--></a> and multi-column
+   layout <a href="#CSS3COL" rel=biblioentry>[CSS3COL]<!--{{CSS3COL}}--></a>
+   create a similarly fragmented environment. This module explains how
+   content breaks across fragment containers such as pages and columns and
+   how such breaks can be controlled by the author.
+
+  <h3 id=placement><span class=secno>1.1. </span> Module Interactions</h3>
 
   <p> This module replaces and extends the pagination controls defined in <a
    href="#CSS21" rel=biblioentry>[CSS21]<!--{{CSS21}}--></a> <a
@@ -250,7 +232,7 @@ <h3 id=placement><span class=secno>1.1. </span>Module Interactions</h3>
    rel=biblioentry>[CSS3PAGE]<!--{{CSS3PAGE}}--></a>.</p>
   <!-- End section "Modules Interactions" -->
 
-  <h3 id=values><span class=secno>1.2. </span>Values</h3>
+  <h3 id=values><span class=secno>1.2. </span> Values</h3>
 
   <p> This specification follows the <a
    href="http://www.w3.org/TR/CSS21/about.html#property-defs"> CSS property
@@ -269,7 +251,7 @@ <h3 id=values><span class=secno>1.2. </span>Values</h3>
    inherit</a> keyword as their property value. For readability it has not
    been repeated explicitly.
 
-  <h2 id=page-breaks><span class=secno>2. </span>Page Breaks</h2>
+  <h2 id=page-breaks><span class=secno>2. </span> Page Breaks</h2>
 
   <p> The following sections explain page breaking in CSS3 paged media. Five
    properties indicate where the user agent may or should break pages, and on
@@ -284,13 +266,14 @@ <h2 id=page-breaks><span class=secno>2. </span>Page Breaks</h2>
    the page, through an ensuing blank page if one exists, and onto the top of
    the subsequent page.
 
-  <h3 id=pg-br-before-after><span class=secno>2.1. </span> Break before/after
-   elements: &lsquo;<a href="#page-break-before"><code
+  <h3 id=pg-br-before-after><span class=secno>2.1. </span> Breaking
+   before/after/inside elements: the &lsquo;<a
+   href="#page-break-before"><code
    class=property>page-break-before</code></a>&rsquo;, &lsquo;<a
    href="#page-break-after"><code
-   class=property>page-break-after</code></a>&rsquo;, &lsquo;<a
+   class=property>page-break-after</code></a>&rsquo;, and &lsquo;<a
    href="#page-break-inside"><code
-   class=property>page-break-inside</code></a>&rsquo;</h3>
+   class=property>page-break-inside</code></a>&rsquo; properties</h3>
 
   <table class=propdef summary="property definition">
    <tbody>
@@ -473,8 +456,9 @@ <h3 id=pg-br-before-after><span class=secno>2.1. </span> Break before/after
    is in the normal flow of the root element. User agents may also apply
    these properties to other boxes.
 
-  <h3 id=using-named-pages><span class=secno>2.2. </span>Using named pages:
-   &lsquo;<a href="#page"><code class=property>page</code></a>&rsquo;</h3>
+  <h3 id=using-named-pages><span class=secno>2.2. </span> Using named pages:
+   the &lsquo;<a href="#page"><code class=property>page</code></a>&rsquo;
+   property</h3>
 
   <table class=propdef summary="property definition">
    <tbody>
@@ -587,7 +571,7 @@ <h3 id=using-named-pages><span class=secno>2.2. </span>Using named pages:
 &lt;/div&gt;</pre>
   </div>
 
-  <h3 id=breaks-inside><span class=secno>2.3. </span>Breaks inside elements:
+  <h3 id=breaks-inside><span class=secno>2.3. </span> Breaks inside elements:
    &lsquo;<a href="#orphans"><code class=property>orphans</code></a>&rsquo;,
    &lsquo;<a href="#widows"><code class=property>widows</code></a>&rsquo;</h3>
 
@@ -697,7 +681,7 @@ <h3 id=breaks-inside><span class=secno>2.3. </span>Breaks inside elements:
    href="#orphans"><code class=property>orphans</code></a>&rsquo;, the rule
    simply becomes that all lines in the block must be kept together.
 
-  <h3 id=allowed-pg-brk><span class=secno>2.4. </span>Allowed page breaks</h3>
+  <h3 id=allowed-pg-brk><span class=secno>2.4. </span> Allowed page breaks</h3>
 
   <p>In the normal flow, page breaks may occur at the following places:
 
@@ -762,7 +746,7 @@ <h3 id=allowed-pg-brk><span class=secno>2.4. </span>Allowed page breaks</h3>
   <p> If that still does not lead to sufficient break points, rule C is
    dropped as well, to find still more break points.
 
-  <h3 id=forced-pg-brk><span class=secno>2.5. </span>Forced page breaks</h3>
+  <h3 id=forced-pg-brk><span class=secno>2.5. </span> Forced page breaks</h3>
 
   <p> A page break must occur at <a href="#brk-btw-blocks">(1)</a> if, among
    the'page-break-after' and &lsquo;<a href="#page-break-before"><code
@@ -792,7 +776,7 @@ <h3 id=forced-pg-brk><span class=secno>2.5. </span>Forced page breaks</h3>
    the used values of any adjoining &lsquo;<code
    class=property>margin-bottom</code>&rsquo; are set to zero.
 
-  <h3 id=best-pg-brk><span class=secno>2.6. </span>"Best" page breaks</h3>
+  <h3 id=best-pg-brk><span class=secno>2.6. </span> "Best" page breaks</h3>
 
   <p> CSS3 does <em>not</em> define which of a set of allowed page breaks
    must be used; except as defined earlier in the section, CSS3 does not
@@ -851,9 +835,9 @@ <h3 id=best-pg-brk><span class=secno>2.6. </span>"Best" page breaks</h3>
   </div>
   <!-- End section "Page Breaks" -->
 
-  <h2 id=conformance><span class=secno>3. </span>Conformance</h2>
+  <h2 id=conformance><span class=secno>3. </span> Conformance</h2>
 
-  <h3 id=conventions><span class=secno>3.1. </span>Document Conventions</h3>
+  <h3 id=conventions><span class=secno>3.1. </span> Document Conventions</h3>
 
   <p> Conformance requirements are expressed with a combination of
    descriptive assertions and RFC 2119 terminology. The key words “must”,
@@ -1021,7 +1005,7 @@ <h3 id=cr-exit-criteria><span class=secno>3.6. </span> CR Exit Criteria</h3>
   <p> The specification will remain Candidate Recommendation for at least six
    months.
 
-  <h2 class=no-num id=acknowledgments>Acknowledgments</h2>
+  <h2 class=no-num id=acknowledgments> Acknowledgments</h2>
 
   <p> The editors would like to extend special thanks to Michael Day, and the
    former <a href="#CSS3PAGE"
@@ -1068,6 +1052,26 @@ <h3 class=no-num id=other-references>Other references</h3>
    <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
     <!---->
 
+   <dt id=CSS3-REGIONS>[CSS3-REGIONS]
+
+   <dd>Vincent Hardy; Alex Mogilevsky. <a
+    href="http://www.w3.org/TR/2011/WD-css3-regions-20111129/"><cite>CSS
+    Regions Module Level 3.</cite></a> 29 November 2011. W3C Working Draft.
+    (Work in progress.) URL: <a
+    href="http://www.w3.org/TR/2011/WD-css3-regions-20111129/">http://www.w3.org/TR/2011/WD-css3-regions-20111129/</a>
+    </dd>
+   <!---->
+
+   <dt id=CSS3COL>[CSS3COL]
+
+   <dd>H&#229;kon Wium Lie. <a
+    href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412"><cite>CSS
+    Multi-column Layout Module.</cite></a> 12 April 2011. W3C Candidate
+    Recommendation. (Work in progress.) URL: <a
+    href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412">http://www.w3.org/TR/2011/CR-css3-multicol-20110412</a>
+    </dd>
+   <!---->
+
    <dt id=CSS3COLOR>[CSS3COLOR]
 
    <dd>Tantek &#199;elik; Chris Lilley; L. David Baron. <a
@@ -1109,6 +1113,9 @@ <h2 class=no-num id=index>Index</h2>
    <li>page-break-inside, <a href="#page-break-inside"
     title=page-break-inside><strong>2.1.</strong></a>
 
+   <li>pagination, <a href="#pagination"
+    title=pagination><strong>1.</strong></a>
+
    <li>renderer, <a href="#renderer" title=renderer><strong>3.2.</strong></a>