title: Align text in table html
body: <p>I have table:</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 border="1" width="100%"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th width="50%"&gt;Name&lt;/th&gt;
        &lt;th width="50%"&gt;&lt;span style="width: 50%;text-align: left;"&gt;Price&lt;/span&gt; / &lt;span style="width: 50%;text-align: right;"&gt;Einheit&lt;/span&gt;&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;Name1&lt;/td&gt;
        &lt;td&gt;&lt;span style="width: 50%;text-align: left;"&gt;1000&lt;/span&gt; / &lt;span style="width: 50%;text-align: right;"&gt;Hour&lt;/span&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Name2&lt;/td&gt;
        &lt;td&gt;&lt;span style="width: 50%;text-align: left;"&gt;250.50&lt;/span&gt; / &lt;span style="width: 50%;text-align: right;"&gt;Day&lt;/span&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Need that 1000 and 250.50  were  under the word Price, Hour and Day were under the word Einheit. I tried do it using width property and text-align but it doesnt work. </p>
  
  <p>Need this result, for example:
  <a href="https://clip2net.com/s/3ZXsphT" rel="nofollow noreferrer">https://clip2net.com/s/3ZXsphT</a></p>
  
  <p>Thanks</p>