HTML : Why does a button element always appear slightly below the other elements? -


i have noticed <button> element in html appears lower other elements shown in figure below.

enter image description here

as can see, "go" button lower textarea element on same row is. code follows...

<table width="100%">             <tr>                 <th rowspan="2" align="left">                     <img width="120px" height="60px" src="test-image.jpg" />                 </th>                 <th align="right">                     user &nbsp;&nbsp;                     <a href="">my garage</a> &nbsp;|&nbsp;                     <a href="">account settings</a>&nbsp;|&nbsp;                     <a href="">sign out</a> &nbsp;|&nbsp;                     <br/>                     <textarea rows="1" id="search_text"></textarea><button>go!</button>                 </th>             </tr>         </table> 

why happen , easiest fix ?

try applying vertical-align: text-bottom; button.


Comments

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -