Here is the code snippet I am working with:
<html>
<head>
<style>
table.t_group {
border: 2px solid black;
margin: 0 auto 0 auto;
}
table.t_group > tbody > tr > td {
vertical-align: top;
}
</style>
</head>
<body>
<table class="t_group" style="width:500px">
<tbody>
<tr>
<td>
<img height="24" widht="24"/> First cell
</td>
<td>
Last cell
</td>
</tr>
</tbody>
</table>
</body>
</html>The main issue I am facing is the vertical alignment of text in cells containing an image. Currently, it aligns to the bottom but I expect it to be aligned to the top.
What could be causing this behavior? How can I adjust the alignment of text in cells with images to be at the top?