@olya_097

Как выровнять как на скрине?

Как выровнять как на скрине?
что добавить
и может что лишнее?
https://codepen.io/anon/pen/gJNVNP
5cfa91950e7d3765758864.jpeg
  • Вопрос задан
  • 80 просмотров
Пригласить эксперта
Ответы на вопрос 2
@ma4t
Омагад как не удобно разметку читать.
Я так понял они у вас растягиваются лишнего по вертикали.
В общем родителю который содержит эти три строки, напишите display: flex; flex-direction: column, align-items: center, justify-content: center; И все
а каждому дитю, margin-bottom: какой Вам нужен
Один из способов

вроде бы flex-direction: column в каких-то браузерах тупит. ТАк что можно добавить обертку еще
И сделать иначе
<div class='1' style="dysplay:flex, align-items: center, justify-content:center" padding='15px 20px'>
      <div class='2'>
           <div class='text' style='margin-bottom='10px'>Зерно</div>
           <div class='text' style='margin-bottom='10px'>123</div>
           <div class='text'>год годовый</div>
      </div>
  <div/>
Ответ написан
@Odiseu
Учусь верстать сайты, как хобби, после работы.
В body удалить margin: 0; и padding: 0;. и добавить их в * { }.
Ответ написан
Ваш ответ на вопрос

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

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