valign="top"
should do the work.
<tr>_x000D_
<td valign="top">Description</td>_x000D_
</tr>
_x000D_
If you are using Bootstrap, please add the following customised style setting for your table:
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
vertical-align: middle;
}
Try
td.description {_x000D_
line-height: 15px_x000D_
}
_x000D_
<td class="description">Description</td>
_x000D_
Set the line-height value to the desired value.
I had the same issue but solved it by using !important
. I forgot about the inheritance in CSS
. Just a tip to check first.
Just add vertical-align:top for first td alone needed not for all td.
tr>td:first-child {_x000D_
vertical-align: top;_x000D_
}
_x000D_
<tr>_x000D_
<td>Description</td>_x000D_
<td>more text</td>_x000D_
</tr>
_x000D_
CSS {vertical-align: top;} or html Attribute {valign="top"}
.table td,
.table th {
border: 1px solid #161b21;
text-align: left;
padding: 8px;
width: 250px;
height: 100px;
/* style for table */
}
.table-body-text {
vertical-align: top;
}
_x000D_
<table class="table">
<tr>
<th valign="top">Title 1</th>
<th valign="top">Title 2</th>
</tr>
<tr>
<td class="table-body-text">text</td>
<td class="table-body-text">text</td>
</tr>
</table>
_x000D_
For table vertical-align we have 2 options.
Source: Stackoverflow.com