У меня есть очень маленькая, но трудная (для меня) проблема.
У меня есть текстовый ввод и кнопка отправки. Мне нужно, чтобы они были точно такой же высоты, и это могло быть верно для Chrome и Firefox, в идеале интернет-проводник.
HTML
<input type="text" name="email" /><input type="submit" value="»" />
CSS
input[type=text] {
width: 218px;
}
input[type=submit] {
background: #000;
color: #fff;
}
input[type=submit], input[type=text] {
padding: 9px;
font-size: 18px;
line-height: 18px;
float: left;
border: 0;
display: block;
margin: 0;
}
Я установил этот базовый код на jsfiddle здесь.
Вы должны заметить, что если вы загрузите его в chrome, кнопка будет меньше высоты, чем ввод текста, а в firefox - больше.
Что мне не хватает?