title: How to align entire table to right with CSS?
body: <p>How to align entire table to right with CSS?</p>
  
  <p><code>margin-right</code> does not help</p>
  
  <p>Here: <a href="http://jsfiddle.net/dimskraft/Y2FKy/" rel="noreferrer">http://jsfiddle.net/dimskraft/Y2FKy/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table class="block logo"&gt;
      &lt;colgroup&gt;
          &lt;col style="width:50%"/&gt;
          &lt;col style="width:50%"/&gt;
      &lt;/colgroup&gt;
      &lt;tr&gt;
          &lt;td&gt;something&lt;/td&gt;
          &lt;td&gt;
              &lt;table class="menu"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Item 1&lt;/td&gt;
                      &lt;td&gt;Item 2&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>table {
      width: 100%;
  }
  table.menu {
      width: auto;
      margin-right: 0px;
  }
  </code></pre>