form两个元素底部不对齐为什么

Question

html代码:

<form>
  <input type="text" value="请输入产品或问题">
  <input type="button">
</form>

CSS代码:

input[type=text]{width:434px;
                height:41px;
		color:rgb(179,179,179);
		font-size:12px;
               }
input[type=button]{
	             background-image:url(search.png);
	             width:42px;
		     height:41px;
	             border:none;
}
form{font-size:0px;}

请问是哪出问题了,应该怎样改动.谢谢

Answer 1

在两个input 样式中设置 vertical-align:bottom;望采纳！

Answer 2

form外层放一个div，高度设置成内容高度，宽度设置成内容宽度，然后文本框：float:left;display:inline;按钮：float:right;display:inline;即可