Непонятно по какой причине input email съезжает вниз?

Question

[Александр]

Внутри блока class="follow-email" отступ сверху только у первого инпута. Причем, если присвоить кнопке значение value="", то все позиционируется корректно.

<div class="col-md-3 indent input-email">
					<h4>Подписывайтесь на свежие новости и акции</h4>
					
					<form action="">
					   <div class="follow-email">
						  <input type="email" placeholder=" Ваш email" name="email">
						  <input type="submit" value="">
					   </div>
					  
					</form>
				 </div>

.input-email form {
	height: 25px;
	display: block;
}


.input-email input[type="submit"] {
	border: none;
	height: 30px;
	width: 25px;
	background: url(../images/arrow-email.png) 50% 100% no-repeat ;
}

.follow-email {
	min-height: 30px;
	width: 228px;
	padding: 0;
}

.input-email input[type="email"] {
	border: none; 
    outline: none; 
    -webkit-appearance: none; 
    width: 200px; 
    vertical-align: middle;
	min-height: 30px;
	padding: 0 0 0 10px;
}

Answer 1

[Юлия Старченко]

Вроде бы, нормально все, ничего не съезжает. Или вы про отступ сверху и снизу от h4? Если это, тогда задать заголовку margin: 0;

Comments

[Александр]

Внутри блока class="follow-email" отступ сверху только у первого инпута. Причем, если присвоить кнопке значение value="", то все позиционируется корректно.

[Юлия Старченко]

Александр: ну, так у первого input-а отступ из-за h4, value="" к h4 никакого отношения не имеет. Вы у h4 пробовали задать margin: 0?

Answer 2

[Антон]

задайте h4 внешний отступ 0