Прижать div с текстом к низу родительского div и отцентрировать
Опубликовано пн, 07/04/2016 - 20:02 пользователем userone
Текст обернут в div, который лежить в большом div'e. Нужно расположить текст по центру и прижать его к нижней границе - всё это относительно большого div'а.
Есть способы выровнять div по горизонтали относительно родительского div'a, например, в родителе установить
text-align: center;
а дочерний отобразить как display: inline-block;
.
Есть способы прижать дочерний блок к нижнему краю родительского. Например, у родителя сделать position: relative;
а у дочернего position: absolute; bottom: 0;
Но было бы наивно ожидать, что, применив оба способа одновременно, вы получите отцентрированный по горизонтали текст, прижатый к низу родительского блока. Не-а, блок прижмется к низу, но съедет куда-то вбок.
Я нашел такой решение задачи. В дочернем блоке display можно убрать, но прописать ему такую же ширину, как и у родительского.
Пример.
- Войдите, чтобы оставлять комментарии