[css-align] Rearrange summary table to match spec order.

Author: tabatkins

css-align/Overview.html

@@ -364,43 +364,43 @@ <h2 id=overview><span class=secno>2. </span> Overview of Alignment
 
    <tbody>
     <tr>
-     <th>‘<a href="#justify-self"><code
-      class=property>justify-self</code></a>’
+     <th>‘<a href="#justify-content"><code
+      class=property>justify-content</code></a>’
 
      <td>inline
 
-     <td rowspan=2><img alt="" src=self-target.jpg> element within parent
-      <small>(effectively adjusts margins)</small>
+     <td rowspan=2><img alt="" src=content-target.jpg>content within element
+      <small>(effectively adjusts padding)</small>
 
-     <td>block-level elements and grid items
+     <td>block containers and flex containers
 
     <tr>
-     <th>‘<a href="#align-self"><code
-      class=property>align-self</code></a>’
+     <th>‘<a href="#align-content"><code
+      class=property>align-content</code></a>’
 
      <td>stacking
 
-     <td>flex items and grid items
+     <td>block containers and flex containers
 
    <tbody>
     <tr>
-     <th>‘<a href="#justify-content"><code
-      class=property>justify-content</code></a>’
+     <th>‘<a href="#justify-self"><code
+      class=property>justify-self</code></a>’
 
      <td>inline
 
-     <td rowspan=2><img alt="" src=content-target.jpg>content within element
-      <small>(effectively adjusts padding)</small>
+     <td rowspan=2><img alt="" src=self-target.jpg> element within parent
+      <small>(effectively adjusts margins)</small>
 
-     <td>block containers and flex containers
+     <td>block-level elements and grid items
 
     <tr>
-     <th>‘<a href="#align-content"><code
-      class=property>align-content</code></a>’
+     <th>‘<a href="#align-self"><code
+      class=property>align-self</code></a>’
 
      <td>stacking
 
-     <td>block containers and flex containers
+     <td>flex items and grid items
 
    <tbody>
     <tr>

css-align/Overview.src.html

@@ -160,15 +160,6 @@ <h2 id="overview">
         <th>Aligns
         <th>Applies to
   </thead>
-  <tbody>
-    <tr><th>'justify-self'
-        <td>inline
-        <td rowspan=2><img src="self-target.jpg" alt=""> element within parent <small>(effectively adjusts margins)</small>
-        <td>block-level elements and grid items
-    <tr><th>'align-self'
-        <td>stacking
-        <td>flex items and grid items
-  </tbody>
   <tbody>
     <tr><th>'justify-content'
         <td>inline
@@ -178,6 +169,15 @@ <h2 id="overview">
         <td>stacking
         <td>block containers and flex containers
   </tbody>
+  <tbody>
+    <tr><th>'justify-self'
+        <td>inline
+        <td rowspan=2><img src="self-target.jpg" alt=""> element within parent <small>(effectively adjusts margins)</small>
+        <td>block-level elements and grid items
+    <tr><th>'align-self'
+        <td>stacking
+        <td>flex items and grid items
+  </tbody>
   <tbody>
     <tr><th>'justify-items'
         <td>inline