Make data tables not fill the screen, 'coz that's weird with small tables

Author: fantasai

css-writing-modes/Overview.html

@@ -1682,10 +1682,10 @@ <h3 class="heading settled heading" data-level=7.1 id=vertical-layout><span clas
       and if the table had <span class=css data-link-type=maybe title=auto>auto</span> values for <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/box.html#propdef-margin-top title=margin-top>margin-top</a> and <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom title=margin-bottom>margin-bottom</a>
       it would be centered vertically within its block flow.
     <div class=figure>
-      <p><a href=diagrams/vertical-table.svg>
+      <p>
         <img alt="Diagram of a vertical-rl mixed rtl table in a
         vertical block formatting context, showing the ordering of rows,
-        cells, and columns as described above." class=example src=diagrams/vertical-table.png></a>
+        cells, and columns as described above." class=example src=diagrams/vertical-table.png>
       <p class=caption>Table in <a class=css data-link-type=maybe href=#valuedef-vertical-rl title=vertical-rl>vertical-rl</a> RTL writing mode</p>
     </div>
 

default.css

@@ -554,6 +554,7 @@ table.features td {
 }
 .data {
 	text-align: center;
+	width: auto;
 }
 .data caption {
 	width: 100%;