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.

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 <a href="">my garage</a> | <a href="">account settings</a> | <a href="">sign out</a> | <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
Post a Comment