title: asp.net table cell horizontal allign
body: <p>I have an asp.net table with 1 row and 2 cells in each row.
  I am trying to get the right cell to display near the right most edge of the cell with no success.</p>
  
  <pre><code>&lt;asp:Table runat="server" ID="tblMyTable" BorderStyle="Solid" BorderWidth="1" BorderColor="Black" Font-Names="Arial" BackColor="White" Width="190" ClientIDMode="Static"&gt;
          &lt;asp:TableRow Font-Names="Arial Black"&gt;
              &lt;asp:TableCell HorizontalAlign="Left" CssClass="HeaderPadding"&gt;
                  &lt;asp:Label runat="server" ID="lblID" Text="361299"&gt;&lt;/asp:Label&gt;
              &lt;/asp:TableCell&gt;
              &lt;asp:TableCell HorizontalAlign="Right"&gt;
                  &lt;asp:Label runat="server" ID="lblPercentage" Text="79%"&gt;&lt;/asp:Label&gt;
              &lt;/asp:TableCell&gt;
          &lt;/asp:TableRow&gt;
  &lt;/Asp:Table&gt;
  
  &lt;style&gt;
  .HeaderPadding 
      {
          padding:0px 0px 10px 0px;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>I want to display like this:</p>
  
  <p><img src="https://i.stack.imgur.com/HIDKr.png" alt="enter image description here"></p>
  
  <p>How can I align the percentage label correctly?</p>
  
  <p>instead it looks like this for some cells but looks ok in others.</p>
  
  <p><img src="https://i.stack.imgur.com/2DTLO.png" alt="enter image description here"></p>