How do you ensure a <td> is exactly 200px tall?
- by George Edison
I have a table with an image inside:
<table style="border: 3px solid rgb(0, 0, 0); width: 800px; background-color: rgb(255, 255, 255); margin-left: auto; margin-right: auto; border-collapse: collapse;">
<tbody>
<tr>
<td style="text-align: center; padding: 0px; margin: 0px;"><img style="width: 800px; height: 200px; border: 0px;" alt="Logo" src="logo.png">
</td>
</tr>
</tbody>
</table>
No matter what I do, there is still a little sliver of white at the bottom of the image. A quick check with Chrome's Inspector reveals that the td has a height of 204px!
How can I force the td to be the same height as the image?
As you can see above, I've tried all sorts of things...