title: CSS: How to align table data
body: <p><a href="https://i.stack.imgur.com/ag3fD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ag3fD.jpg" alt="enter image description here"></a></p>
  
  <p>How to align BDS to education? Without using white-space:nowrap.</p>
  
  <pre><code>&lt;div class="doc-schedule clearfix"&gt;
    &lt;p&gt;
      &lt;table style="border: 0px;border-style: none"&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;strong&gt;Speciality&lt;/strong&gt;&lt;/td&gt;
          &lt;td class="tdPadding"&gt;&lt;span&gt;{{ page.dentist_specialty }}&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;strong&gt;Education&lt;/strong&gt;&lt;/td&gt;
          &lt;td class="tdPadding"&gt;&lt;span&gt;{{ page.dentist_education }}&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;strong&gt;Work Days&lt;/strong&gt;&lt;/td&gt;
          &lt;td class="tdPadding"&gt;&lt;span&gt;{{ page.dentist_workdays }}&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
    &lt;/p&gt;
  &lt;/div&gt;
  ........
  </code></pre>