[css-flexbox-1] Fixed broken fragment IDs to what was (probably)

meant, or removed the link, or made it auto-generated. Added two ID
attributes to H1s in an example, because the pubrules checker didn't
know it was just an example. Replaced a broken link to an HTML5
chapter on "tabindex" that was apparently meant to go to an HTML4
chapter instead. Removed some '' pairs that Bikeshed turned into A
elements, because Bikeshed doesn't know that it should not nest A
elements. Replaced a link to an appendix of css3-writing-modes that no
longer exists with a bibliographic reference to css3-sizing. Added a
few closing tags before </ins> end tags, because the HTML5 parser
doesn't seem to close elements automatically when the INS element
ends.

Author: bert-github

css-flexbox/Overview.bs

@@ -6,7 +6,7 @@ Level: 1
 Status: ED
 Group: csswg
 ED: http://dev.w3.org/csswg/css-flexbox/
-TR: http://www.w3.org/TR/css3-flexbox/
+TR: http://www.w3.org/TR/css-flexbox-1/
 Previous Version: http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/
 Previous Version: http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/
 Previous Version: http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/
@@ -256,7 +256,7 @@ Overview</h3>
 			can be laid out in any <a href="#flex-direction-property">flow direction</a>
 			(leftwards, rightwards, downwards, or even upwards!)
 		<li>
-			can have their display order <a href="#flex-flow-row-reverse">reversed</a> or
+			can have their display order <a href="#flex-direction-property">reversed</a> or
 			<a href="#order-property">rearranged</a> at the style layer
 			(i.e., visual order can be independent of source and speech order)
 		<li>
@@ -304,7 +304,7 @@ Overview</h3>
 		<pre>
 &lt;style>
 #deals {
-	display: flex;        /* Flex layout so items <a href="#align-self" title="Flex items stretch by default.">have equal height</a>  */
+	display: flex;        /* Flex layout so items <a href="#align-items-property" title="Flex items stretch by default.">have equal height</a>  */
 	flex-flow: row wrap;  /* <a href="http://dev.w3.org/csswg/css3-flexbox/#flex-flow-property">Allow items to wrap into multiple lines</a> */
 }
 .sale-item {
@@ -313,7 +313,7 @@ Overview</h3>
 }
 .sale-item > img {
 	order: -1;            /* <a href="#order-property">Shift image before other content (in visual order)</a> */
-	align-self: center;   /* <a href="#align-self">Center the image cross-wise (horizontally)</a>         */
+	align-self: center;   /* <a href="#align-items-property">Center the image cross-wise (horizontally)</a>         */
 }
 .sale-item > button {
 	margin-top: auto;     /* <a href="#auto-margins">Auto top margin pushes button to bottom</a> */
@@ -345,7 +345,7 @@ Overview</h3>
 				<div class="col"></div>
 				<div class="desc">
 					<img src="images/computer.jpg" alt='You get: a white computer with matching keyboard and monitor.'>
-					<h1 style="font-size: 1.4em;">Computer Starter Kit</h1>
+					<h1 id=quiet-pubrules-1 style="font-size: 1.4em;">Computer Starter Kit</h1>
 					<p>
 						This is the best computer money can buy,
 						if you don't have much money.
@@ -358,7 +358,7 @@ Overview</h3>
 				</div>
 				<div class="desc">
 					<img src="images/printer.png" alt='You get: beautiful ASCII art.'>
-					<h1 style="font-size: 1.4em;">Printer</h1>
+					<h1 id=quiet-pubrules-2 style="font-size: 1.4em;">Printer</h1>
 					<p>
 						Only capable of printing
 						ASCII art.
@@ -475,7 +475,7 @@ Flex Layout Box Model and Terminology</h2>
 	</dl>
 
 <h2 id='flex-containers'>
-Flex Containers: the <a href="#display-flex">''flex''</a> and <a href="#display-inline-flex">''inline-flex''</a> 'display' values</h2>
+Flex Containers: the flex and inline-flex 'display' values</h2>
 
 	<pre class="propdef">
 	Name: display
@@ -527,12 +527,12 @@ Flex Containers: the <a href="#display-flex">''flex''</a> and <a href="#display-
 
 	<p>
 		If an element's specified 'display' is ''inline-flex'',
-		then its 'display' property computes to <a href="#display-flex">''flex''</a>
+		then its 'display' property computes to <a href="#flex-containers">flex</a>
 		in certain circumstances:
 		the table in <a href="http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo">CSS 2.1 Section 9.7</a>
 		is amended to contain an additional row,
 		with ''inline-flex'' in the "Specified Value" column
-		and <a href="#display-flex">''flex''</a> in the "Computed Value" column.
+		and ''flex'' in the "Computed Value" column.
 
 <h2 id='flex-items'>
 Flex Items</h2>
@@ -646,7 +646,7 @@ Flex Item Z-Ordering</h3>
 	<p>
 		<i>Flex items</i> paint exactly the same as inline blocks [[!CSS21]],
 		except that 'order'-modified document order is used in place of raw document order,
-		and <a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index">'z-index'</a>
+		and <a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index">z-index</a>
 		values other than <a value for=z-index>auto</a> create a stacking context
 		even if 'position' is ''static''.
 
@@ -1095,7 +1095,7 @@ Reordering and Accessibility</h4>
 		(such as <a href="http://www.w3.org/TR/css3-speech/">speech</a>).
 		Likewise, 'order' does not affect
 		the default traversal order of sequential navigation modes
-		(such as cycling through links, see e.g. 'nav-index' [[CSS3UI]] or <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#sequential-focus-navigation-and-the-tabindex-attribute"><code>tabindex</code></a> [[HTML40]]).
+		(such as cycling through links, see e.g. 'nav-index' [[CSS3UI]] or <a href="http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#adef-tabindex"><code>tabindex</code></a> [[HTML40]]).
 		Authors <em>must</em> use 'order' only for visual, not logical, reordering of content;
 		style sheets that use 'order' to perform logical reordering are non-conforming.
 
@@ -1148,7 +1148,7 @@ Reordering and Accessibility</h4>
 
 		<p>
 			As an added bonus,
-			the columns will all be <a href="#align-stretch">equal-height</a> by default,
+			the columns will all be <a href="#align-items-property">equal-height</a> by default,
 			and the main content will be as wide as necessary to fill the screen.
 			Additionally,
 			this can then be combined with media queries to switch to an all-vertical layout on narrow screens:
@@ -1355,7 +1355,7 @@ The 'flex' Shorthand</h3>
 	</dl>
 
 	<p>
-		The initial values of the 'flex' components are equivalent to <a href="#flex-initial">''flex: 0 1 auto''</a>.
+		The initial values of the 'flex' components are equivalent to <a href="#flex-initial">flex: 0 1 auto</a>.
 	<p class="note">
 		Note that the initial values of 'flex-grow' and 'flex-basis'
 		are different from their defaults when omitted in the 'flex' shorthand.
@@ -1402,7 +1402,7 @@ Common Values of 'flex'</h3>
 			Equivalent to ''flex: 0 0 auto''.
 			This value sizes the item according to the 'width'/'height' properties,
 			but makes the flex item fully inflexible.
-			This is similar to <a href="#flex-initial">''initial''</a>,
+			This is similar to <a href="#flex-initial">initial</a>,
 			except that flex items are not allowed to shrink,
 			even in overflow situations.
 
@@ -2201,7 +2201,7 @@ Cross Size Determination</h3>
 			<ol>
 				<li>
 					Collect all the flex items whose inline-axis is parallel to the main-axis,
-					whose 'align-self' is <a href="#align-baseline">''baseline''</a>,
+					whose 'align-self' is ''baseline'',
 					and whose cross-axis margins are both non-<a value for=margin>auto</a>.
 					Find the largest of the distances between each item's baseline and its hypothetical outer cross-start edge,
 					and the largest of the distances between each item's baseline and its hypothetical outer cross-end edge,
@@ -2837,7 +2837,7 @@ Boris Zbarsky.
 							to help ensure that the item is large enough to fit its contents.
 							<p class='note'>
 								It is intended that this will compute to the ''min-content'' keyword
-								when the specification defining it (<a href="http://www.w3.org/TR/css3-writing-modes/#intrinsic-sizing">Writing Modes Appendix D</a>) is sufficiently mature.
+								when the specification defining it ([[CSS3-SIZING]]) is sufficiently mature.
 						</del>
 						<ins>
 							<p>On a <a>flex item</a> whose 'overflow' is not ''overflow/visible'',
@@ -2857,7 +2857,7 @@ Boris Zbarsky.
 			<blockquote>
 				<ins>
 					<p>Percentage margins and paddings on <i>flex items</i> are always resolved against their respective dimensions;
-					unlike blocks, they do not always resolve against the inline dimension of their containing block.
+					unlike blocks, they do not always resolve against the inline dimension of their containing block.</p>
 				</ins>
 			</blockquote>
 		<li>
@@ -2870,7 +2870,7 @@ Boris Zbarsky.
 						if a <i>single-line</i> <i>flex container</i> has a definite cross size,
 						the outer <i>cross size</i> of any <i>flex items</i> with ''align-self: stretch''
 						is the flex container's inner cross size (clamped to the <i>flex item</i>’s min and max <i>cross size</i>)
-						and is considered <i>definite</i>.
+						and is considered <i>definite</i>.</p>
 				</ins>
 			</blockquote>
 		<li>Allow percentages inside a stretched auto-height flex item to resolve by requiring a relayout pass.
@@ -2879,7 +2879,7 @@ Boris Zbarsky.
 				<ins>
 					<p>If the flex item has ''align-self: stretch'', redo layout for its contents, treating this used size as its definite cross size so that percentage-sized children can be resolved.
 
- 					<p class="note">Note that this step does not affect the main size of the flex item, even if it has an intrinsic aspect ratio.
+ 					<p class="note">Note that this step does not affect the main size of the flex item, even if it has an intrinsic aspect ratio.</p>
  				</ins>
  			</blockquote>
 		<li>
@@ -2894,7 +2894,7 @@ Boris Zbarsky.
 						<li>a definite <i>cross size</i>
 					</ul>
 					<p>then the <i>flex base size</i> is calculated from its inner <i>cross size</i>
-					and the <i>flex item</i>&rsquo;s intrinsic aspect ratio.
+					and the <i>flex item</i>&rsquo;s intrinsic aspect ratio.</p>
 				</ins>
 			</blockquote>
 		<li>
@@ -2936,7 +2936,7 @@ Boris Zbarsky.
 						when sized under a <i title="min-size constraint">min-content</i>/<i>max-size constraint</i> (respectively).
 
 					<p>
-						See [[!CSS3-SIZING]] for a definition of the terms in this section.
+						See [[!CSS3-SIZING]] for a definition of the terms in this section.</p>
 				</ins>
 			</blockquote>
 		<li>
@@ -3108,7 +3108,7 @@ Boris Zbarsky.
 				<ins><p>If the specified 'display-outside' of an in-flow child of an element that generates a <a>flex container</a>
 					is ''inline-level'',
 					it computes to ''block-level''.
-					(This effectively converts any inline 'display' values to their block equivalents.)
+					(This effectively converts any inline 'display' values to their block equivalents.)</p>
 				</ins>
 			</blockquote>
 		<li>