pwnography
@pwnography

Почему инлайн-блок не выравнивает по нижнему краю?

codepen.io/anon/pen/MywqmV?editors=1100

Нужно поставить оранжевый элемент по нижнему краю зеленого. Вроде все делаю правильно, а вставать вниз не хочет. Вариант relative на родителя и на дочерний absolute не рассматриваю, нужно именно с vertical-align.
  • Вопрос задан
  • 292 просмотра
Решения вопроса 2
aliencash
@aliencash
Партизан
Добавьте в свой css:
.first_one:after {
  content:'';
  vertical-align: bottom;
  display: inline-block;
  height: 100%;
}

Для ночного чтения: https://habrahabr.ru/company/netcracker/blog/277433/
Ответ написан
gr1mm3r
@gr1mm3r
50% ответа в правильном вопросе. Остальное мануал.
Немного поправил
Позиционирование элементов внутри блока теперь намного удобнее с flexbox. Крайне рекомендую.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Можно зеленому блоку задать line-height: 500px;
Затем оранжевому вернуть line-height: 1.5em;

codepen.io/anon/pen/pyJxjq
Ответ написан
Ваш ответ на вопрос

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

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