Как выровнять текст внутри двух Div'oв?

Есть два Div'a
jsfiddle.net/vt3N8/1

1-й внешний Div - position: relative; display: inline-block;
2-й внутренний Div - position: absolute;

Текст внутри 2-го Div'a выравнивается в столбик по размеру самого длинного слова.
Есть ли способ выравнять текст нормально, cохранив у 1-го Div'a display: inline-block?
  • Вопрос задан
  • 2674 просмотра
Решения вопроса 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
У вас проблема в том что внутренний div вырывается из общего потока и внешний див теряет размеры. Внутреннему же диву не от чего получать размеры, так что он принимает ширину контента. Решение - задать размеры внешнему диву.

Если честно сложно предложить решение не имея собственно представления зачем вам это. Есть подозрение что вы решаете проблему, которую сами же и придумали. Зачем вам у внутреннего блока position:absolute и у внешнего inline-block?
Ответ написан
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Ваш ответ на вопрос

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

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