@girat

Как бороться с разной высотой div?

647b17818ab547808693ed4a239b8c1d.PNG
<div class = "kak-block kak-block-1"><p>Заполните форму заявки</p></div>
<img class = "strelka">
<div class = "kak-block kak-block-2"><p>Мы свяжемся с Вами в течении часа</p></div>
<img class = "strelka">
<div class = "kak-block kak-block-3"><p>Вы получите товар или услугу</p></div>


.kak{
background: #f2f1f6;
width: 100%;
text-align: center;
}

.kak-block{
width: 253px;
height: 233px;
border: 2px solid #6f49af;
display: inline-block;
margin-right: 60px;
}
  • Вопрос задан
  • 205 просмотров
Решения вопроса 4
vertical-align: top;
Ответ написан
SagePtr
@SagePtr
Еда - это святое
Во флекс запихните, а на старье пусть расползаются)
Ответ написан
Комментировать
HamSter007
@HamSter007
HTML/CSS верстальщик
Она же задана height: 233px;.

Попробуйте так
.kak-block {
...
display: inline-block;
  vertical-align: top;
}


или так
.kak-block {
...
display: inline-block;
  vertical-align: middle;
}
Ответ написан
UDAV99
@UDAV99
web программист, верстальщик
Через float делать, либо html в строку напиши весь.
и картинку почему в див не обернул с инлайном?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SPIKS Санкт-Петербург
от 70 000 до 90 000 ₽
PERX Нижний Новгород
До 50 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $