title: Need to show parallel all cells of a row in a table
body: <p>
  I am trying to have a table that has some <code>&lt;td&gt;</code> in it and and in this table I have labels that gets data from database and they change in length each time the data bind to it is different the problem is the alignment of these labels in the '' changes too here is a example of what I have. </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;td class="auto-style4"&gt;&lt;span style="padding-right:100px"&gt;  &lt;/span&gt;Full Name:
  
     &lt;asp:Label ID="lblFullName" runat="server" Text=""&gt;&lt;/asp:Label&gt;   &lt;span style="padding-right:400px;width:400px;"&gt;&lt;/span&gt; Address:
        &lt;asp:Label ID="lblTuition" runat="server" Text=""&gt;&lt;/asp:Label&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  
  This is how it looks spacing in between I am using <code>&lt;span&gt;</code> to give spacing in between them and now when lets say the FullName have a value that's a big value the Address: gets pushed away further is there a way I could have any value but the spacing for these 2 don't change and I don't want to use the float-right for address I want these to be kind of in the middle of the table 
  </p>
  
  <p>
  Expected result could be some thing like this:</p>
  
  <p><img src="https://i.stack.imgur.com/yeYx3.png" alt="This is the pdf image of how it should look like"></p>
  
  
  
  <p>Any help?</p>