title: How do I vertically align my text in a table header to the bottom?
body: <p>I have a series of tables that lays on a top table and this is the basic structure:</p>
  <pre><code>&lt;table&gt;
     &lt;tr&gt;
        &lt;td&gt;
           &lt;table&gt;
              &lt;thead&gt;
                &lt;tr&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                &lt;/tr&gt;
              &lt;thead&gt;
           &lt;table&gt;
           &lt;table&gt;
              &lt;thead&gt;
                &lt;tr&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                &lt;/tr&gt;
              &lt;thead&gt;
           &lt;table&gt;
        &lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  <p>I want all tables to be the same height so all tables have a width property. But when the data fills the tables th sometimes the title contain two words and I want to break it:
  &quot;TITLE
  TITLE&quot;
  But once I do it, the other 1-word titles are getting bottom padding and it looks far from the bottom of the th cell
  <a href="https://i.stack.imgur.com/N7oJn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N7oJn.png" alt="enter image description here" /></a></p>
  <p>Is there any way to make all 1-word titles closer to the bottom of the cell?</p>