I am working with a series of nested tables and this is the basic structure:
<table>
<tr>
<td>
<table>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<thead>
<table>
<table>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<thead>
<table>
</td>
</tr>
</table>
My goal is to make all tables the same height by setting a width property for each table. However, I face a challenge when the title in some cells contains two words and I need to break it into two lines like: "TITLE TITLE". This adjustment results in one-word titles having extra bottom padding, making them appear farther from the bottom of the cell.
Is there a way to align all single-word titles closer to the bottom of the cell?