[css-fonts-4][editorial] markup cleanup

Author: svgeesus

css-fonts-4/Overview.bs

@@ -4935,7 +4935,7 @@ to produce more harmonized forms.</p>
 	    (OpenType feature: <span class="tag">calt</span>).</dd>
 </dl>
 
-<p id=rlig-unaffected"><em>Required</em> ligatures,
+<p id="rlig-unaffected"><em>Required</em> ligatures,
 needed for correctly rendering complex scripts,
 are not affected by the settings above,
 including <span title="none!!font-variant-ligatures">'none'</span>
@@ -4992,7 +4992,7 @@ to match the surrounding text
 and to be more readable
 without affecting the line height.</p>
 
-<div class="figure"><img alt="comparison between real subscript glyphs and synthesized ones" src="images/realsubscripts.png" /><p class="caption">Subscript glyphs (top) vs. typical synthesized subscripts (bottom)</p></div>
+<div class="figure"><img alt="comparison between real subscript glyphs and synthesized ones" src="images/realsubscripts.png"><p class="caption">Subscript glyphs (top) vs. typical synthesized subscripts (bottom)</p></div>
 
 <p>Individual values have the following meanings:</p>
 
@@ -5025,7 +5025,7 @@ for a given character,
 user agents <em>must</em> synthesize
 appropriate subscript and superscript glyphs.</p>
 
-<div class="figure"><img alt="alternate superscripts vs. glyphs synthesized using superscript metrics" src="images/superscript-alt-synth.png" /><p class="caption">Superscript alternate glyph (left), synthesized superscript glyphs (middle),  and incorrect mixture of the two (right)</p></div>
+<div class="figure"><img alt="alternate superscripts vs. glyphs synthesized using superscript metrics" src="images/superscript-alt-synth.png"><p class="caption">Superscript alternate glyph (left), synthesized superscript glyphs (middle),  and incorrect mixture of the two (right)</p></div>
 
 <!--
 	at-risk must downgraded to should
@@ -5455,7 +5455,7 @@ are used so that columns of numbers line up properly:</p>
 
 </dl>
 
-<div id="ordinal-example" class="example" id="ex-ordinal-form">
+<div class="example" id="ex-ordinal-form">
 <p>In the case of 'ordinal', although ordinal forms
 are often the same as superscript forms, they are marked up
 differently.</p>
@@ -6017,7 +6017,7 @@ p {
 	font-variant-alternates: character-variant(zeta-2, zeta);
 }</pre>
 
-	<div class="figure"><img alt="Matching text on Byzantine seals using character variants" src="images/byzantineseal.png" /><p class="caption">Byzantine seal text displayed with character variants</p></div>
+	<div class="figure"><img alt="Matching text on Byzantine seals using character variants" src="images/byzantineseal.png"><p class="caption">Byzantine seal text displayed with character variants</p></div>
 
 	<div class="example" id="ex-byzantine-variants">
 	<p>In the figure above, the text in red is rendered using a font containing
@@ -7082,12 +7082,12 @@ not just the contours describing the edges of glyphs,
 but also the colors present inside the glyphs.
 
 <figure id="multicolore">
-	<img src="images/multicolore.png" alt="an example multicolored font"/>
+	<img src="images/multicolore.png" alt="an example multicolored font">
 	<figcaption>Multicolore, by Ivan Filipov</figcaption>
 </figure>
 
 <figure id="magicalunicorn">
-		<img src="images/please.png" alt="an example multicolored font"/>
+		<img src="images/please.png" alt="an example multicolored font">
 		<figcaption>Magical Unicorn Neue Pro, by Arthur Reinders Folmer</figcaption>
 </figure>
 
@@ -7325,7 +7325,7 @@ p {
 </pre>
 
 	<figure>
-		<img src="images/nabla-animated.webp" alt="The word Animate animated between a pink and a yellow palette."/>
+		<img src="images/nabla-animated.webp" alt="The word Animate animated between a pink and a yellow palette.">
 		<figcaption>Nabla Color by typearture.com - animating between palettes 1 and 7 in the font.</figcaption>
 	</figure>
 </div>
@@ -7426,7 +7426,7 @@ User-defined font color palettes: The ''@font-palette-values'' rule</h3>
 		</pre>
 
 		<figure>
-			<img src="images/bixa-colors.png" alt="overriding a color"/>
+			<img src="images/bixa-colors.png" alt="overriding a color">
 			<figcaption>Bixa Color by Novo Typo. Above, using the colors in the font;
 				below, the orange changed to a blue.</figcaption>
 		</figure>