[various][editorial] Fix markup

Author: tabatkins

css-align-3/Overview.bs

@@ -400,7 +400,7 @@ Positional Alignment: the ''center'', ''start'', ''end'', ''self-start'', ''self
 			</figcaption>
 		</figure>
 
-		The ''<self-position>/left'' and ''<self-position>/right'' keywords
+		The ''justify-self/left'' and ''justify-self/right'' keywords
 		are absolute (not <a>flow-relative</a>).
 
 		<figure>
@@ -417,7 +417,7 @@ Positional Alignment: the ''center'', ''start'', ''end'', ''self-start'', ''self
 			     alt="Inline-axis 'right' alignment:
 			     Horizontal text is right-aligned, regardless of writing system.">
 			<figcaption>
-				''<self-position>/left'' vs ''<self-position>/right''
+				''justify-self/left'' vs ''justify-self/right''
 			</figcaption>
 		</figure>
 
@@ -478,7 +478,7 @@ Positional Alignment: the ''center'', ''start'', ''end'', ''self-start'', ''self
 		The behavior of the alignment keywords is analogous in <a>vertical writing modes</a>:
 		''<self-position>/start'' and ''<self-position>/end''
 		are relative to the start/end of the text in the relevant axis.
-		The ''<self-position>/left'' and ''<self-position>/right'' keywords
+		The ''justify-self/left'' and ''justify-self/right'' keywords
 		are interpreted as <a>line-left</a> and <a>line-right</a>,
 		relative to the “left” and “right” sides of LTR/RTL text.
 
@@ -517,7 +517,7 @@ Positional Alignment: the ''center'', ''start'', ''end'', ''self-start'', ''self
 			     alt="Inline-axis 'right' alignment in vertical-rl writing:
 			     Vertical text is bottom-aligned, regardless of writing system.">
 			<figcaption>
-				''<self-position>/left'' vs ''<self-position>/right''
+				''justify-self/left'' vs ''justify-self/right''
 			</figcaption>
 		</figure>
 

css-cascade-3/Overview.bs

@@ -48,7 +48,7 @@ Introduction</h2>
 	Each [=property=] has a name
 	(e.g., 'color', 'font-size', or 'border-style'),
 	a value space
-	(e.g., <<color>>, <<length-percentage>>, ''[ solid | dashed | dotted | &hellip; ]''),
+	(e.g., <<color>>, <<length-percentage>>, <css>[ solid | dashed | dotted | &hellip; ]</css>),
 	and a defined behavior on the rendering of the document.
 	Properties values are assigned to various parts of the document
 	via [=property declarations=],

css-cascade-4/Overview.bs

@@ -79,7 +79,7 @@ Introduction</h2>
 	Each [=CSS/property=] has a name
 	(e.g., 'color', 'font-size', or 'border-style'),
 	a value space
-	(e.g., <<color>>, <<length-percentage>>, ''[ solid | dashed | dotted | &hellip; ]''),
+	(e.g., <<color>>, <<length-percentage>>, <css>[ solid | dashed | dotted | &hellip; ]</css>),
 	and a defined behavior on the rendering of the document.
 	Properties values are assigned to various parts of the document
 	via [=property declarations=],

css-cascade-5/Overview.bs

@@ -53,7 +53,7 @@ Introduction</h2>
 	Each [=property=] has a name
 	(e.g., 'color', 'font-size', or 'border-style'),
 	a value space
-	(e.g., <<color>>, <<length-percentage>>, ''[ solid | dashed | dotted | &hellip; ]''),
+	(e.g., <<color>>, <<length-percentage>>, <css>[ solid | dashed | dotted | &hellip; ]</css>),
 	and a defined behavior on the rendering of the document.
 	Properties values are assigned to various parts of the document
 	via [=property declarations=],

css-gcpm-3/Overview.bs

@@ -56,7 +56,7 @@ The 'string-set' property copies the text content of an element into a ''named s
 </h4>
 
 <pre class="propdef">
-Name: <dfn id="string-set">string-set</dfn>
+Name: string-set
 Value: [ <<custom-ident>> <<content-list>> ]# | none
 Initial: none
 Applies to: all elements, but not pseudo-elements
@@ -341,7 +341,7 @@ letter-spacing: 1pt;
 
 
 <pre class="propdef">
-Name: <dfn id="running-property">running</dfn>
+Name: running
 Value: <<custom-ident>>
 Initial: none
 Applies to: elements
@@ -461,7 +461,7 @@ The following new value of the 'float' property creates a footnote element:
 The 'footnote-display' property determines whether a footnote is displayed as a block element or inline element.
 
 <pre class="propdef">
-	Name: <dfn id="propdef-footnote-display">footnote-display</dfn>
+	Name: footnote-display
 	Value: block | inline | compact
 	Initial: block
 	Applies to: elements
@@ -472,7 +472,7 @@ The 'footnote-display' property determines whether a footnote is displayed as a
 </pre>
 
 
-<dl dfn-type="value" dfn-for="propdef-footnote-display">
+<dl dfn-type="value" dfn-for="footnote-display">
 <dt><dfn id="footnote-display-block">block</dfn></dt>
 <dd>The footnote element is placed in the footnote area as a block element</dd>
 <dt><dfn id="footnote-display-inline">inline</dfn></dt>
@@ -588,7 +588,7 @@ Rendering footnotes and <code>footnote policy</code>
 Rendering footnotes can be complex. If a footnote falls near the bottom of the page, there may not be enough room on the page for the footnote body. The 'footnote-policy' property allows authors some influence over the rendering of difficult pages.
 
 <pre class="propdef">
-	Name: <dfn id="footnote-policy">footnote-policy</dfn>
+	Name: footnote-policy
 	Value: auto | line | block
 	Initial: auto
 	Applies to: elements
@@ -996,9 +996,9 @@ target-pull() value of content property removed
   <li>Added ''attr(&lt;identifier>)'' value to 'string-set' property. This is supported by both Prince and AntennaHouse.</li>
 
 <li>
-<a href="http://books.spec.whatwg.org/">CSS Books</a> does not have the <a href="#propdef-footnote-display">footnote-display</a> property.</li>
+<a href="http://books.spec.whatwg.org/">CSS Books</a> does not have the 'footnote-display' property.</li>
 <li>
-<a href="http://books.spec.whatwg.org/">CSS Books</a> does not have the <a href="#footnote-policy">footnote-policy</a> property.</li>
+<a href="http://books.spec.whatwg.org/">CSS Books</a> does not have the 'footnote-policy' property.</li>
 
 
 <li>

css-inline-3/Overview.bs

@@ -1634,7 +1634,7 @@ Selecting Initial Letters</h3>
 Creating Initial Letters: the 'initial-letter' property</h3>
 
 	<pre class="propdef">
-	Name: <dfn id="propdef-initial-letter">initial-letter</dfn>
+	Name: initial-letter
 	Value: normal | <<number [1,∞]>> <<integer [1,∞]>> | <<number [1,∞]>> && [ drop | raise ]?
 	Initial: normal
 	Applies to: certain inline-level boxes and <css>::first-letter</css> and inside <css>::marker</css> boxes (<a href="#first-most-inline-level">see prose</a>)
@@ -1843,7 +1843,7 @@ Alignment of Initial Letters: the 'initial-letter-align' property</h3>
 	The 'initial-letter-align' property can be used to specify the proper alignment.
 
 	<pre class="propdef" id="initial-letter-align">
-	Name: <dfn id="propdef-initial-letter-align">initial-letter-align</dfn>
+	Name: initial-letter-align
 	Value: [ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!
 	Initial: alphabetic
 	Applies to: certain inline-level boxes and <css>::first-letter</css> and inside <css>::marker</css> boxes (<a href="#first-most-inline-level">see prose</a>)
@@ -2301,7 +2301,7 @@ Initial Letter Wrapping: the 'initial-letter-wrap' property</h3>
 	Note: 'initial-letter-wrap' is at risk.
 
 	<pre class="propdef">
-	Name: <dfn id="propdef-initial-letter-wrap">initial-letter-wrap</dfn>
+	Name: initial-letter-wrap
 	Value: none | first | all | grid | <<length-percentage>>
 	Initial: none
 	Applies to: certain inline-level boxes and <css>::first-letter</css> and inside <css>::marker</css> boxes (<a href="#first-most-inline-level">see prose</a>)

css-values-3/Overview.bs

@@ -1564,7 +1564,7 @@ Frequency Units: the <<frequency>> type and ''Hz'', ''kHz'' units</h3>
 -->
 
 <h3 id="resolution">
-Resolution Units: the <<resolution>> type and ''&lt;resolution&gt;/dpi'', ''&lt;resolution&gt;/dpcm'', ''&lt;resolution&gt;/dppx'' units</h3>
+Resolution Units: the <<resolution>> type and ''<resolution>/dpi'', ''<resolution>/dpcm'', ''<resolution>/dppx'' units</h3>
 
 	Resolution units are <a>dimensions</a> denoted by <dfn id="resolution-value">&lt;resolution></dfn>.
 	The resolution unit identifiers are:

css-values-4/Overview.bs

@@ -2674,7 +2674,7 @@ Frequency Units: the <<frequency>> type and ''Hz'', ''kHz'' units</h3>
 -->
 
 <h3 id="resolution">
-Resolution Units: the <<resolution>> type and ''&lt;resolution&gt;/dpi'', ''&lt;resolution&gt;/dpcm'', ''&lt;resolution&gt;/dppx'' units</h3>
+Resolution Units: the <<resolution>> type and ''<resolution>/dpi'', ''<resolution>/dpcm'', ''<resolution>/dppx'' units</h3>
 
 	Resolution units are <a>dimensions</a> denoted by <dfn id="resolution-value">&lt;resolution></dfn>.
 	The resolution unit identifiers are:

css2/Overview.bs

@@ -2198,7 +2198,7 @@ more of the other rules as well.</p>
 <li><strong>Malformed declarations.</strong> User agents must handle
 unexpected tokens encountered while parsing a declaration by reading
 until the end of the declaration, while observing the rules for matching
-pairs of (), [], {}, "", and '''', and correctly handling escapes. For
+pairs of (), [], {}, "", and &apos;&apos;, and correctly handling escapes. For
 example, a malformed declaration may be missing a property name, colon (:), or
 property value. The following are all equivalent:
 
@@ -2219,7 +2219,7 @@ p { color:red;   color{;color:maroon}; color:green } /* same with recovery */
 <li><strong>Malformed statements.</strong> User agents must handle
 unexpected tokens encountered while parsing a statement by reading
 until the end of the statement, while observing the rules for matching
-pairs of (), [], {}, "", and '''', and correctly handling escapes. For
+pairs of (), [], {}, "", and &apos;&apos;, and correctly handling escapes. For
 example, a malformed statement may contain an unexpected closing brace
 or at-keyword. E.g., the following lines are all ignored:
 
@@ -10585,7 +10585,7 @@ mark characters:</em></p>
 <tr><td>&lsquo;<td>`<td>2018<td>LEFT SINGLE QUOTATION MARK [single high-6]
 <tr><td>&rsquor;<td>'<td>2019<td>RIGHT SINGLE QUOTATION MARK [single high-9]
 <tr><td>&ldquo;<td>``<td>201C<td>LEFT DOUBLE QUOTATION MARK  [double high-6]
-<tr><td>&rdquor;<td>''''<td>201D<td>RIGHT DOUBLE QUOTATION MARK [double high-9]
+<tr><td>&rdquor;<td>&apos;&apos;<td>201D<td>RIGHT DOUBLE QUOTATION MARK [double high-9]
 <tr><td>&ldquor;<td>,,<td>201E<td>DOUBLE LOW-9 QUOTATION MARK [double low-9]
 </table>
 </div>
@@ -15175,7 +15175,7 @@ below they are marked with an asterisk.
 
   <dt><strong>*<a data-link-type="value" data-link-for="&lt;border-style&gt;" class="value-inst-hidden">hidden</a></strong>
 
-    <dd>Same as ''<<border-style>>/none'', but in the <a href="#collapsing-borders">collapsing border model</a>, also
+    <dd>Same as ''<border-style>/none'', but in the <a href="#collapsing-borders">collapsing border model</a>, also
     inhibits any other border (see the section on <a href="#border-conflict-resolution">border conflicts</a>).
 
   <dt><strong><a data-link-type="value" data-link-for="&lt;border-style&gt;" class="value-inst-dotted">dotted</a></strong>

selectors-4/Overview.bs

@@ -1903,7 +1903,7 @@ ID selectors</h3>
 	what the ID of an element is (though a UA may have namespace-specific
 	knowledge that allows it to determine which attribute is the ID
 	attribute for that namespace). If a style sheet author knows or
-	suspects that a UA may not know what the ID of an element is, he
+	suspects that a UA may not know what the ID of an element is, they
 	should use normal attribute selectors instead:
 	''[name=p371]'' instead of ''#p371''.