When I place an image followed by text in a table cell, the
vertical alignment of the text shifts down compared to text in adjacent cells. I tried using a line-height CSS property, but it didn't seem to have an affect.
In the following example, I need "123 Description" to be flush with "cell one." Also, there is a space between the image and "123" by default. How can I adjust that - negative margins perhaps?
<html
<head
<style type="text/css"
table { border-collapse: collapse; }
td { border: thin solid; width: 10em;}
/* .adjust-text { line-height: 1.3em; } */
</style
</head
<body
<table
<tbody
<tr
<tdcell one</td
<td
<img src="small-star.png" /
<span class="adjust-text"123 Description</span
</td
</tr
</tbody
</table
</body
</html
