title: Table cells right align inside row
body: <p>I'm trying to figure out how to move a cell to the left on HTML table.
  I want to use less cells in the last row and it's on the right by default.</p>
  
  <p>I have this table for example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;th&gt;one&lt;/th&gt;
      &lt;th&gt;two&lt;/th&gt;
      &lt;th&gt;three&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;one&lt;/td&gt;
      &lt;td&gt;two&lt;/td&gt;
      &lt;td&gt;three&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;this&lt;/td&gt;
      &lt;td&gt;right&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm trying to move the "this" and "right" cells to the opposite side.
  I'm looking for a way with less as possible css.. preferred HTML only.</p>
  
  <p>Update: I wasn't looking for answers about text/value align. <code>colspan</code> solves it somehow but still, won't call it a perfect solution.  </p>