title: Align the columns of table to right and left
body: <p>I am using the table in my app. I have 2 columns in the table which I need to use for next and previous buttons. I want to keep them in the right corner and left corner, how I can do that?</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td colspan="2"&gt;
        &lt;a href="#Previous" style="float:left;color:#fff"&gt;
          &lt; Back &lt;/a&gt;
            &lt;img src="images/icon-previous.png" /&gt;
      &lt;/td&gt;
      &lt;td style="float:right;margin-left: 208px;"&gt;
        &lt;a data-bind="click:$root.Next" style="float:right"&gt;
          &lt;img src="images/icon-next.png" /&gt;
        &lt;/a&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I updated my code, there are three image, I need align them as left, center, and right orders using table, is it possible?</p>
  
  <pre><code>&lt;footer data-role="footer"&gt;
    &lt;div style="width:100%"&gt;
      &lt;table style="width:100%"&gt;
        &lt;tr&gt;
          &lt;td style="text-align:left"&gt;
            &lt;img src="images/icon-add1.png" /&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;/td&gt;
  
    &lt;td style="text-align:center"&gt;
      &lt;a&gt;&lt;img src="images/icon-add2.png" /&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td style="text-align:right"&gt;
      &lt;img src="images/icon-add3.png" /&gt;&lt;/a&gt;
      &lt;/a&gt;
    &lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
    &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/pmgCc.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pmgCc.jpg" alt="enter image description here"></a></p>