@Ivanushka255

Как разместить блоки в один ряд?

У меня должны быть три блока, которые располагаются в линию. Для этого я каждому элементу задаю display: inline-block.

1. Дальше в первом случае я пишу какой ширины должен быть родитель блоков (width: 1565px). После этого я задаю родителю padding'и с правой ли вой стороны в 40px. Результат: моим трем блокам по непонятной причине не хватает места и один из них располагается снизу.
5f6e399ad4af8576721003.png

Я пытаюсь дальше...
2. Я прописываю ширину больше, чем раньше и все три моих блока располагаются в одну линию, но не по центру, а слева.
5f6e3a455e9ce585699278.png

Вот мой код
Чем можно объяснить такое поведение inline-block. Как исправить эту проблему? Заранее огромное спасибо.

P.S. Все делается четко по макету:
1) 1 изображение – 519px (всего 3 - 1557рх);
2) Между картинками отступ в 4рх (всего 2 - 8рх);
Итого: 1565рх.
margin, padding обнулены.
  • Вопрос задан
  • 80 просмотров
Пригласить эксперта
Ответы на вопрос 2
@fynt1k
Поставь на line{:width32%;} и все будет работать
Ответ написан
@TomRiddle
Новичок - энтузиаст
Помести нужные тебе блоки в один блок со свойствами:
display: flex
flex-direction: row
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы