[CSS2] Remove new lines from attribute values

This happens to only be in img[alt]

Author: gsnedders

css2/Overview.bs

@@ -2565,8 +2565,7 @@ a reference pixel of 1.3 mm.
 </p>
 
 <div class="figure">
-<p><img src="images/pixel1.png" alt="Showing that pixels must become
-larger if the viewing distance increases"></p>
+<p><img src="images/pixel1.png" alt="Showing that pixels must become larger if the viewing distance increases"></p>
 </div>
 
 <p>This second image illustrates the effect of a device's resolution
@@ -2577,9 +2576,7 @@ the same area is covered by 16 dots in a higher resolution device
 </p>
 
 <div class="figure">
-<p><img src="images/pixel2.png" alt="Showing that more device pixels (dots)
-are needed to cover a 1px by 1px area on a high-resolution device than
-on a low-res one"></p>
+<p><img src="images/pixel2.png" alt="Showing that more device pixels (dots) are needed to cover a 1px by 1px area on a high-resolution device than on a low-res one"></p>
 </div>
 
 
@@ -4317,8 +4314,7 @@ glyph outline may be taken into account when formatting.
 precedes or follows the first letter should be included, as in:</p>
 
 <div class="figure">
-<p><img src="./images/first-letter2.png" alt="Quotes that precede the
-first letter should be included."></p>
+<p><img src="./images/first-letter2.png" alt="Quotes that precede the first letter should be included."></p>
 </div>
 
 <p>The ':first-letter' also applies if the first letter is in fact a
@@ -5323,8 +5319,7 @@ margins, padding, and borders of the UL elements and those of its
 children LI elements. (Image is not to scale.)</p>
 
 <div class="figure">
-<p><img src="./images/boxdimeg.png" alt="Image illustrating how parent and child margins, borders,
-and padding relate."></p>
+<p><img src="./images/boxdimeg.png" alt="Image illustrating how parent and child margins, borders, and padding relate."></p>
 </div>
 
 <p>Note that:</p>
@@ -6215,8 +6210,7 @@ easier to define the formatting, we assume that there is an <em><dfn data-lt="an
 around "Some text".
 </p>
 <div class="figure">
-<p><img src="images/anon-block.png" alt="diagram showing the three
-boxes for the example above"> 
+<p><img src="images/anon-block.png" alt="diagram showing the three boxes for the example above"> 
 <p class="caption">Diagram showing the
 three boxes, of which one is anonymous, for the example above.
 </div>
@@ -6903,8 +6897,7 @@ Consider the following example:
 follows:</p>
 
 <div class="figure">
-<p><img src="./images/inline-layout.png" alt="Image illustrating the effect of line breaking on the
-display of margins, borders, and padding."></p>
+<p><img src="./images/inline-layout.png" alt="Image illustrating the effect of line breaking on the display of margins, borders, and padding."></p>
 </div>
 
 <ul>
@@ -7075,9 +7068,7 @@ span { float: left; width: 5em; height: 5em; border: solid blue; }
 </code></pre>
 <p>This fragment might look like this:</p>
 <div class="figure"><p>
-<img style="display:block" src="images/supercal.png" alt="Image illustrating the effect of an unbreakable piece of content 
- being reflowed to just after a float which left insufficient room next to it 
- for the content to fit.">
+<img style="display:block" src="images/supercal.png" alt="Image illustrating the effect of an unbreakable piece of content being reflowed to just after a float which left insufficient room next to it for the content to fit.">
 </p>
 </div>
 </div>
@@ -7127,8 +7118,7 @@ containing block established by the P element) after the float.  This
 document might be formatted as:</p>
 
 <div class="figure">
-<p><img src="./images/floateg.png" alt="Image illustrating how floating boxes interact with
-margins."></p>
+<p><img src="./images/floateg.png" alt="Image illustrating how floating boxes interact with margins."></p>
 </div>
 
 <p>Formatting would have been exactly the same if the document had
@@ -7167,9 +7157,7 @@ blocks, but behind in-flow inlines.
 overlaps borders of elements in the normal flow.
 </p>
 <div class="figure">
-<p><img src="images/float2p.png" alt="Image showing a floating image
-that overlaps the borders of two paragraphs: the borders are
-interrupted by the image.">
+<p><img src="images/float2p.png" alt="Image showing a floating image that overlaps the borders of two paragraphs: the borders are interrupted by the image.">
 </p>
 <p class="caption">A floating image obscures borders
 of block boxes it overlaps.
@@ -7190,8 +7178,7 @@ p { clear: left }
 <p>formatting might look like this:
 </p>
 <div class="figure">
-<p><img src="images/floatclear.png" alt="Image showing a floating
-image and the effect of 'clear: left' on the two paragraphs.">
+<p><img src="images/floatclear.png" alt="Image showing a floating image and the effect of 'clear: left' on the two paragraphs.">
 </p>
 <p class="caption">Both paragraphs have set 'clear: left', which
 causes the second paragraph to be "pushed down" to a position below
@@ -7766,8 +7753,7 @@ their original position on line 2.
 relative positioning of <em>outer</em>.</p>
 
 <div class="figure">
-<p><img src="./images/flow-relative.png" alt="Image illustrating the effects of relative positioning on a
-box's content."></p>
+<p><img src="./images/flow-relative.png" alt="Image illustrating the effects of relative positioning on a box's content."></p>
 </div>
 
 <p>Note also that had the offset of <em>outer</em> been '-24px', the
@@ -7826,9 +7812,7 @@ element to the example:
 document's remaining text to flow into the vacated space:</p>
 
 <div class="figure">
-<p><img src="./images/flow-clear.png" alt="Image illustrating the effects of floating a box without
-setting the clear property to control the flow of text around the
-box."></p>
+<p><img src="./images/flow-clear.png" alt="Image illustrating the effects of floating a box without setting the clear property to control the flow of text around the box."></p>
 </div>
 
 <p>However, if the 'clear'
@@ -7901,8 +7885,7 @@ serve as references for 'top' and
 <p>This results in something like the following:</p>
 
 <div class="figure">
-<p><img src="./images/flow-abs-rel.png" alt="Image illustrating the effects of absolutely positioning a
-box with respect to a containing block."></p>
+<p><img src="./images/flow-abs-rel.png" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block."></p>
 </div>
 
 <p>If we do not position the <em>outer</em> box:</p>
@@ -8293,8 +8276,7 @@ may have to be created, and some inline boxes may have to be split up
 and reordered before flowing.
 </p>
 <p>Because the Unicode algorithm has a limit of 
-<em title="According to unicode 3.0, chapter 3, section 12, definition BD2. 
-Specifically, page 58 here: http://www.unicode.org/unicode/uni2book/ch03.pdf">61 levels</em> of
+<em title="According to unicode 3.0, chapter 3, section 12, definition BD2. Specifically, page 58 here: http://www.unicode.org/unicode/uni2book/ch03.pdf">61 levels</em> of
 embedding, care should be taken not to use 'unicode-bidi' with a value other
 than 'normal' unless appropriate. In particular, a value of 'inherit'
 should be used with extreme caution. However, for elements that are,
@@ -11258,8 +11240,7 @@ For example:
 <p> The above example may be formatted as:</p>
 
 <div class="figure">
-<p><img src="./images/list-inout.png" alt="Difference between inside
-and outside list style position"></p>
+<p><img src="./images/list-inout.png" alt="Difference between inside and outside list style position"></p>
 </div>
 
 <p>In right-to-left text, the markers would have been on the right
@@ -11470,8 +11451,7 @@ properties</a> ('margin-top',
 relationships between the sheet, page box, and page margins:</p>
 
 <div class="figure">
-<p><img src="./images/page-info.png" alt="Illustration of sheet, page
-box, margin, and page area."></p>
+<p><img src="./images/page-info.png" alt="Illustration of sheet, page box, margin, and page area."></p>
 </div>
 
 <div class="example"><p>
@@ -12106,8 +12086,7 @@ body {
 }
 </pre>
 <div class="figure">
-<p><img src="images/bg-repeat.png" alt="A centered background image,
-with copies repeated up and down the padding and content areas.">
+<p><img src="images/bg-repeat.png" alt="A centered background image, with copies repeated up and down the padding and content areas.">
 </p>
 <p class="caption">One copy of the background image is centered, and
 other copies are put above and below it to make a vertical band behind
@@ -14276,8 +14255,7 @@ wrapper box. (Where the table element's values are not used on the
 table and table wrapper boxes, the initial values are used instead.)
 
 <div class="figure">
-<p><img src="images/table_container.png" alt="A table with a caption above
-it">
+<p><img src="images/table_container.png" alt="A table with a caption above it">
 
 <p class="caption">Diagram of a table with a caption above it.
 </div>
@@ -14416,8 +14394,7 @@ figure on the left, or to shift the cell to avoid the visual
 overlap, as in the figure on the right.
 
 <div class="figure">
-<p><img src="images/table-overlap.png" alt="One table with overlapping
-cells and one without"> <p class="caption">Two possible
+<p><img src="images/table-overlap.png" alt="One table with overlapping cells and one without"> <p class="caption">Two possible
 renderings of an erroneous HTML table.
 </div>
 </div>
@@ -14518,8 +14495,7 @@ first row spans into this row. The following HTML code and style rules
 <p>might be formatted as follows:
 
 <div class="figure">
-  <p><img src="images/tbl-empty.png" alt="Table with three empty cells
-  in bottom row">
+  <p><img src="images/tbl-empty.png" alt="Table with three empty cells in bottom row">
 
   <p class="caption">Table with empty cells in the bottom row.
 </div>
@@ -14822,8 +14798,7 @@ cells that have 'vertical-align: baseline' is used to set the baseline
 of the row. Here is an example:
 
 <div class="figure">
-  <p><img src="images/cell-align.png" alt="Example of vertically
-  aligning the cells">
+  <p><img src="images/cell-align.png" alt="Example of vertically aligning the cells">
 
   <p class="caption">Diagram showing the effect of various values of
   'vertical-align' on table cells.
@@ -14993,8 +14968,7 @@ td.special { border: inset 10pt }  /* The top-left cell */
 </pre>
 
 <div class="figure">
-  <p><img src="images/tbl-spacing.png" alt="A table with
-  border-spacing">
+  <p><img src="images/tbl-spacing.png" alt="A table with border-spacing">
 
   <p class="caption"> A table with 'border-spacing' set to a
   length value. Note that each cell has its own border, and the table
@@ -15099,8 +15073,7 @@ bottom border.
 determining if the table overflows some ancestor (see 'overflow').</p>
 
 <div class="figure">
-  <p><img src="images/tbl-width.png" alt="Schema showing the widths of
-  cells and borders and the padding of cells">
+  <p><img src="images/tbl-width.png" alt="Schema showing the widths of cells and borders and the padding of cells">
 
   <p class="caption">Schema showing the widths of cells and borders
   and the padding of cells.
@@ -15199,8 +15172,7 @@ td.cell6       { border: 5px solid green; }
 <p>would produce something like this:
 
 <div class="figure">
-  <p><img src="images/tbl-border-conflict.png" alt="An example of a
-  table with collapsed borders">
+  <p><img src="images/tbl-border-conflict.png" alt="An example of a table with collapsed borders">
 
   <p class="caption">An example of a table with collapsed borders.
 </div>
@@ -15210,8 +15182,7 @@ td.cell6       { border: 5px solid green; }
 <p>Here is an example of hidden collapsing borders:
 
 <div class="figure">
-  <p><img src="images/CSStbl3.png" alt="Table
-  with two omitted borders">
+  <p><img src="images/CSStbl3.png" alt="Table with two omitted borders">
 
   <p class="caption"> Table with two omitted internal borders.
 </div>
@@ -16596,8 +16567,7 @@ attributes have not been specified.</p>
 
 <div class="lang-html example">
 <div class="figure">
-<p><img src="images/table1.png" alt="Image of a table created in MS
-Word"><p class="caption"> Image of a table with header cells ("San
+<p><img src="images/table1.png" alt="Image of a table created in MS Word"><p class="caption"> Image of a table with header cells ("San
 Jose" and "Seattle") that are not in the same column or row as the
 data they apply to.
 </div>