검색 상자의 CSS 고정

Question

높이가 submit field은 text input 필드보다 약간 작습니다. 어떻게 수정해야합니까?

HTML 코드 :

<form name="searchBox" id="searchBox" action="#" method="post"> <input type="text" name="query" id="query"/> 
<input type="submit" name="sub" id="sub" value="Search"/> </form> 

CSS 코드 :

form input[type="text"] { 
height: 28px; 
width: 300px; 
margin: 0; 
padding: 0; 
font-size: 15px; 
border: 1px solid #CCCCCC; 
} 

form input[type="submit"] { 
height: 28px; 
width: 80px; 
margin: 0; 
padding: 0; 
font-size: 15px; 
background-color: #FFFFFF; 
border: 1px solid #CCCCCC; 
} 

Answer 1

증가 또는 텍스트의 height을 줄일 수/제대로 정렬 필드를 제출합니다.
예http://jsfiddle.net/2DdA3/