title: How to add space inside HTML Label between text and colon for different length text for perfect alignment?
body: <p>I want to design a label as follows</p>
  
  <pre><code>Employee Name  :
  Employee ID    :
  Date of Birth  :
  Age            :
  </code></pre>
  
  <p>I use tab button to align all the colons evenly. But when I use the code like the below in MVC html view design, it never comes so perfectly aligned as above.
  I  write code as </p>
  
  <pre><code>&lt;p class="form_text1"&gt;
         Employee Name      : &lt;/p&gt;
    &lt;p class="form_text1"&gt;
         Employee ID        : &lt;/p&gt;
  </code></pre>
  
  <p>The output comes as </p>
  
  <pre><code>Employee Name:
  Employee ID:
  Date of Birth:
  Age:
  </code></pre>
  
  <p>This one not nice. I want the design like neat one that I mentioned on first.</p>