Question

I have two buttons on a webpage, I am trying to make the Clear button be a little lower, to align with the Search button. Why is the Clear button so high?

Here is a live example: http://www.davidjpotter.com/temp/test.php

<table border=1>
<tr>
<td>
  <button type="submit">Search</button>
  <img src="../images/button-clear.png">
</td>
</tr>
</table>

Answer 1

Replace this:

<img src="../images/button-clear.png">

with this:

<img src="../images/button-clear.png" style="vertical-align: bottom; ">