title: Styling html table
body: <pre><code>  &lt;table border="1" width="600" align="center"&gt;
         &lt;tr&gt;
           &lt;td colspan="2" align="right"&gt;date&lt;/td&gt;
         &lt;/tr&gt;
  
           &lt;tr&gt;
              &lt;td width="10%"&gt;avatar&lt;/td&gt; //cant balance those two proportionally 10 to 90
              &lt;td  width="90%"&gt;message&lt;/td&gt;
           &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td colspan="2" align="right"&gt;
                    &lt;table border="1" width="600"&gt;
                      &lt;tr&gt;
                            &lt;td width="48%"&gt;&lt;/td&gt;
                              &lt;td width="10%" align="center"&gt;&lt;input type="button" value="Edit" style="width:50px"/&gt; &lt;/td&gt;
                              &lt;td width="12%" align="center"&gt;&lt;input type="button" value="Remove" style="width:60px"/&gt; &lt;/td&gt;
                              &lt;td width="10%" align="center"&gt;&lt;input type="button" value="Quote" style="width:50px"/&gt; &lt;/td&gt;
                              &lt;td width="10%" align="center"&gt;&lt;input type="button" value="Reply" style="width:50px"/&gt; &lt;/td&gt;
                              &lt;td width="10%" align="center"&gt;&lt;input type="button" value="Rep" style="width:50px"/&gt; &lt;/td&gt;
                      &lt;/tr&gt;
                    &lt;/table&gt;
  
              &lt;/td&gt;
  
  
          &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>If you look above the proportions fo those cells dont work. I want one cell to be 10% and the other 90%</p>