I got a <td>
where two images () reside shown as follows. One is much higher than the other. How do I let the shorter one align to the top of <td />
?
<td style="padding-left: 0px; cursor: pointer; vertical-align: top;">
<img width="85px" src=".../xyz.png"/>
<img src=".../icon_live.gif" /> // shorter one
</td>
You need to set vertical alignment on the images themselves.
<style>
td img {
vertical-align: top;
}
</style>
This did the job for me:
#logo-table td img, #logo-table td
{
vertical-align: middle;
}
In html:
<table id="logo-table">
<!--table contents with imgs-->
</table>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With