Fix a bunch of markup oddities that cause bikeshed to misbehave

frivoal · frivoal · commit d10a05c02cf3 · 2017-10-04T14:21:33.000+09:00
Closes #1840
diff --git a/css-box/Overview.bs b/css-box/Overview.bs
@@ -305,9 +305,9 @@ padding area and content area together form the <dfn>border box</dfn>.
 Finally, outside the border is the <dfn>margin area</dfn> and its
 outer edge is the <dfn>margin edge</dfn>.
 
-<p>When the specification says that the padding or border is <dfn
-title="absent|padding!!absent|border!!absent"
->“absent”</dfn> on some side of the box, that means that
+<p>When the specification says that the padding or border is
+<dfn title="absent|padding!!absent|border!!absent" >“absent”</dfn>
+on some side of the box, that means that
 its thickness is zero.
 
 <p><em title="line box">Line boxes</em> cannot have any padding,
@@ -453,11 +453,11 @@ and height, as follows:
 <p>These correspond to the dimensions in the <a>inline base
 direction</a> and the <a>block flow direction,</a> respectively.
 
-<p>An alternative term for the measure is <dfn title="logical
-width|width!!logical" >logical width</dfn> and an alternative term for
-extent is <dfn title="logical height|height!!logical"
->logical height.</dfn> These terms occasionally occur in other CSS
-modules.
+<p>An alternative term for the measure is
+<dfn title="logical width|width!!logical">logical width</dfn>
+and an alternative term for extent is
+<dfn title="logical height|height!!logical">logical height</dfn>.
+These terms occasionally occur in other CSS modules.
 
 <p>The extent of a box is thus the distance between the
 block-start and block-end edges, while the measure of the box is the
@@ -472,8 +472,8 @@ independent of the orientation of the box itself. We distinguish four
 roles for the edges of a box, called <dfn lt="A|A edge">A
 edge</dfn>, <dfn lt="B|B edge">B edge</dfn>, <dfn lt="C|C edge">C
 edge</dfn> and <dfn lt="D|D edge">D edge</dfn>. They depend on the
-'writing-mode' and 'direction' properties of the box's <em class=index
->containing block</em> (defined below), and map to the four sides as
+'writing-mode' and 'direction' properties of the box's
+<em class=index>containing block</em> (defined below), and map to the four sides as
 follows:
 
     <table class=equiv-table>
@@ -954,8 +954,8 @@ the sum of the padding, border and margin is wide enough?
 <a>block-level</a> element and it is sized and positioned exactly as
 if its 'display' had been ''block''.
 
-<p>Otherwise, <var>X</var> is placed such that its <a title="D edge"
->D</a> margin edge aligns with the <a>inline-start</a> margin edge of
+<p>Otherwise, <var>X</var> is placed such that its
+<a title="D edge">D</a> margin edge aligns with the <a>inline-start</a> margin edge of
 its <a>containing block</a> and its <a title="A edge" >A</a> border
 edge aligns with the <a title="A edge" >A</a> border edge of
 <var>Y</var>. It is in this case an <a>inline-level</a> element.
@@ -2250,24 +2250,18 @@ replaced by 0.
   if they are not in a paginated environment: If an element is
   orthogonal and its measure (i.e., the distance between its
   <em>A edge</em> and <em>C edge</em>) is ''auto'', then it is treated
-  as a <a
-  href="https://www.w3.org/TR/css3-multicol/#multi-column-element"
-  >multi-column element</a> [[!CSS3COL]] and 'column-width', if not
+  as a <a href="https://www.w3.org/TR/css3-multicol/#multi-column-element">multi-column element</a> [[!CSS3COL]] and 'column-width', if not
   already set, is set to a value derived from the containing block's
   size and the <a>initial containing block</a>
 
   <p>The last principle applies to orthogonal flows in a paginated
   environment, e.g., in paged media or inside a multi-column element:
   Just like in a non-paginated environment, if an element is
   orthogonal and its measure is ''auto'', then it is treated
-  as a <a
-  href="https://www.w3.org/TR/css3-multicol/#multi-column-element"
-  >multi-column element</a> [[!CSS3COL]] and 'column-width', if not
+  as a <a href="https://www.w3.org/TR/css3-multicol/#multi-column-element">multi-column element</a> [[!CSS3COL]] and 'column-width', if not
   already set, is set to a certain value. But, in addition, if that
   means that the first column would be so wide as stick out of the
-  page or column (the <a
-  href="https://www.w3.org/TR/css3-break/Overview.html#fragmentainer"
-  >“fragmentainer,”</a> see [[CSS3-BREAK]]), then that first column is
+  page or column (the <a href="https://www.w3.org/TR/css3-break/Overview.html#fragmentainer">“fragmentainer,”</a> see [[CSS3-BREAK]]), then that first column is
   made narrower until it fits. But not narrower than
   ''min-content''. (If at that size it still doesn't fit, it may
   instead be moved to the next page/column or, if that is not
diff --git a/css-contain/Overview.bs b/css-contain/Overview.bs
@@ -405,17 +405,15 @@ Answers are provided below.
 This appendix is <em>informative</em>.
 
 <h3 id="2017-08-08-changes">Changes from the
-<a href="https://www.w3.org/TR/2017/CR-css-contain-1-20170808/"
-   >Candidate Recommendation of 8 August 2017</a></h3>
+<a href="https://www.w3.org/TR/2017/CR-css-contain-1-20170808/">Candidate Recommendation of 8 August 2017</a></h3>
 
 <ul>
 	<li>Move the definition of "Becoming a formatting context" back to this specification
 	<li>Rename "Becoming a formatting context" to "Becoming a formatting context root".
 </ul>
 
 <h3 id="2017-04-19-changes">Changes from the
-<a href="https://www.w3.org/TR/2017/WD-css-contain-1-20170419/"
-   >Working Draft of 19 April 2017</a></h3>
+<a href="https://www.w3.org/TR/2017/WD-css-contain-1-20170419/">Working Draft of 19 April 2017</a></h3>
 
 <ul>
 	<li>Clarify the interaction with display: contents
@@ -424,8 +422,7 @@ This appendix is <em>informative</em>.
 </ul>
 
 <h3 id="fpwd-changes">Changes from the
-<a href="https://www.w3.org/TR/2017/WD-css-contain-1-20170221/"
-   >First Public Working Draft of 21 February 2017</a></h3>
+<a href="https://www.w3.org/TR/2017/WD-css-contain-1-20170221/">First Public Working Draft of 21 February 2017</a></h3>
 
 <ul>
 	<li>Specify handling of replaced elements for size containment
diff --git a/css-device-adapt/Overview.bs b/css-device-adapt/Overview.bs
@@ -1521,8 +1521,7 @@ part of a recommended UA stylesheet.
 This appendix is <em>informative</em>.
 
 This appendix describes changes from the
-<a href="https://www.w3.org/TR/2011/WD-css-device-adapt-20110915/"
-   >15 September 2011 First Public Working Draft</a>.
+<a href="https://www.w3.org/TR/2011/WD-css-device-adapt-20110915/">15 September 2011 First Public Working Draft</a>.
 
 <ul>
 	<li>Made various editorial improvements and clarifications.
diff --git a/css-namespaces/Overview.bs b/css-namespaces/Overview.bs
@@ -25,9 +25,7 @@ Boilerplate: omit footer
 <h2 class="no-num no-toc" id="status">Status of this document</h2>
 A CSS Namespace <a href="http://www.w3.org/Style/CSS/Test/">Test Suite</a>
  has been developed during the Candidate Recommendation phase of this CSS
- Namespaces specification. An <a
-href="/Style/CSS/Test/CSS3/Namespace/20090210/reports/implement-report.html"
->implementation report</a> is also available.
+ Namespaces specification. An <a href="/Style/CSS/Test/CSS3/Namespace/20090210/reports/implement-report.html">implementation report</a> is also available.
 
 This document is the same as the previous, Candidate Recommendation
 version, except for editorial changes.
diff --git a/css-print/Overview.bs b/css-print/Overview.bs
@@ -74,8 +74,7 @@ Status text:
    Images and Replaced Content Level 3</a> (and <a
    href="#section-images" >adds a mapping allowance</a>), and updates
    references to <a href="https://www.w3.org/TR/css3-page/" >CSS Paged
-   Media Level 3</a> and <a href="https://www.w3.org/TR/CSS21/"
-   >CSS 2.1</a>.</p>
+   Media Level 3</a> and <a href="https://www.w3.org/TR/CSS21/">CSS 2.1</a>.</p>
    <p><em>At this time, the CSS Working Group does not envisage
    further work on this specification and does not plan to propose it
    as a W3C Recommendation.</em></p>
diff --git a/css-text-decor/Overview.bs b/css-text-decor/Overview.bs
@@ -119,8 +119,7 @@ Line Decoration: Underline, Overline, and Strike-Through</h2>
   <div class="figure">
     <p><img title="text-decoration-skip: ink"
              alt="An alphabetic underline through Myanmar text skips around descenders and the vertical strokes of combining characters that drop below the alphabetic baseline."
-             src="images/decoration-skip-ink.png"
-       >
+             src="images/decoration-skip-ink.png">
     <p class="caption">Skipping Glyph Ink</p>
   </div>
 
@@ -319,8 +318,7 @@ Text Underline Position: the 'text-underline-position' property</h3>
                  below the alphabetic baseline, leaving a gap between the line
                  and the bottom of most Latin letters, but crossing through
                  descenders such as the stem of a 'p'."
-            src="images/underline-position-alphabetic.png"
-            >
+            src="images/underline-position-alphabetic.png" >
         <p class="caption">A typical “alphabetic” underline is positioned just below the alphabetic baseline
       </div>
     <dt><dfn id="underline-under" value for="text-underline-position">under</dfn></dt>
@@ -333,8 +331,7 @@ Text Underline Position: the 'text-underline-position' property</h3>
         <p><img title="text-underline-position: under"
             alt="In a typical Latin font, the underline is far enough
                  below the text that it does not cross the bottom of a 'g'."
-            src="images/underline-position-under.png"
-            >
+            src="images/underline-position-under.png">
         <p class="caption">''text-underline-position: under''</p>
       </div>
       <div class="example">
@@ -367,15 +364,13 @@ Text Underline Position: the 'text-underline-position' property</h3>
           <img alt="In mixed Japanese-Latin vertical text, 'text-underline-position: left'
                     places the underline on the left side of the text."
             title="text-underline-position: left"
-            src="images/underline-position-left.png"
-            >
+            src="images/underline-position-left.png">
 
         <td>
           <img alt="In mixed Japanese-Latin vertical text, 'text-underline-position: right'
                     places the underline on the right side of the text."
             title="text-underline-position: right"
-            src="images/underline-position-right.png"
-            >
+            src="images/underline-position-right.png">
 
       <tr>
         <td>''text-underline-position/left''
diff --git a/css-ui-4/Overview.bs b/css-ui-4/Overview.bs
@@ -1480,8 +1480,7 @@ and
 This appendix is <em>informative</em>.
 
 This appendix describes functional changes from the 
-<a href="https://www.w3.org/TR/2015/WD-css-ui-4-20150922/"
-   >22 Sep 2015 First Public Working Draft</a>.
+<a href="https://www.w3.org/TR/2015/WD-css-ui-4-20150922/">22 Sep 2015 First Public Working Draft</a>.
 
 <ul>
 	<li>The caret-animation property have been removed.
diff --git a/css-ui/Overview.bs b/css-ui/Overview.bs
@@ -1371,8 +1371,7 @@ and
 This appendix is <em>informative</em>.
 
 This appendix describes changes from the
-<a href="https://www.w3.org/TR/2015/CR-css-ui-3-20170302/"
-   >Candidate Recommendation (CR) of 2 March 2017</a>.
+<a href="https://www.w3.org/TR/2015/CR-css-ui-3-20170302/">Candidate Recommendation (CR) of 2 March 2017</a>.
 
 <ul>
 	<li>Updated references to latest versions
