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

Question

[sanphir]

Есть два 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?

Answer 1

[Юрий Лобанов]

jsfiddle.net/iiil/vt3N8/2

Answer 2

[Сергей Протько]

У вас проблема в том что внутренний div вырывается из общего потока и внешний див теряет размеры. Внутреннему же диву не от чего получать размеры, так что он принимает ширину контента. Решение - задать размеры внешнему диву.

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

Comments

[sanphir]

переписываем декстопное приложение, на web, надо имитировать позиционирование контролов, как в декстопном, даже если оно не логично :)

Answer 3

[Юрий Лобанов]

или так
jsfiddle.net/iiil/vt3N8/3

Comments

[sanphir]

У меня размеры напрямую задавать нельзя. Первый вариант, то что нужно, спасибо.