title: Wrapping <td>'s within a <tr>
body: <p>Is there a simple HTML way to accomplish the following?  I have a table which contains rows of 3 <code>td</code>'s each.  Items are added to the table at the top, so it is sorted in reverse order.  See below:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;7&lt;/td&gt;
          &lt;td&gt;6&lt;/td&gt;
          &lt;td&gt;5&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;4&lt;/td&gt;
          &lt;td&gt;3&lt;/td&gt;
          &lt;td&gt;2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;1&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Now, when the time comes for me to add 8 to the top of my table, obviously I must do a lot of editing to the page rather than just add one new line.  I'd like to do something like:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr max-cells-before-wrap="3"&gt;
          &lt;td&gt;7&lt;/td&gt;
          &lt;td&gt;6&lt;/td&gt;
          &lt;td&gt;5&lt;/td&gt;
          &lt;td&gt;4&lt;/td&gt;
          &lt;td&gt;3&lt;/td&gt;
          &lt;td&gt;2&lt;/td&gt;
          &lt;td&gt;1&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>But I'm not sure if it's possible in HTML.  I could write a simple JS function to do it, but basic HTML would be even cooler. </p>