Как задать максимальную ширину блока, чтобы блок растягивался до этой ширины в зависимости от длины текста внутри него

[Koroed]

Вот пример: http://cssdeck.com/labs/gt43peto

Есть блок, внутри него текст. Каждое слово переносится на новую строку. Как задать максимальную ширину блока, чтобы блок растягивался до этой ширины в зависимости от длины текста внутри него. Если текст длиннее максимальной ширины блока, то только тогда текст должен переноситься на новую строку. Если текст короче максимальной ширины блока, то блок должен быть такой же ширины как текст + отступы.

[Galaxy]

задать display:inline-block; и max-width вашему блоку

[Koroed]

задать display:inline-block; и max-width вашему блоку

Но мне нужно также чтобы текст был по центру блока по вертикали. Для этого у блока display: table

 

последовал вашему совету, ничего не получилось: http://cssdeck.com/labs/gdgcobnl

[Galaxy]

относительно чего он должен вертикально центрироваться?

[psywalker]

 

задать display:inline-block; и max-width вашему блоку

Но мне нужно также чтобы текст был по центру блока по вертикали. Для этого у блока display: table

 

последовал вашему совету, ничего не получилось: http://cssdeck.com/labs/gdgcobnl

 

А если задать блоку ещё + text-align: center?

[Koroed]

относительно чего он должен вертикально центрироваться?

Текст должен центрироваться относительно родительского блока.

[Koroed]

 

 

задать display:inline-block; и max-width вашему блоку

Но мне нужно также чтобы текст был по центру блока по вертикали. Для этого у блока display: table

 

последовал вашему совету, ничего не получилось: http://cssdeck.com/labs/gdgcobnl

 

А если задать блоку ещё + text-align: center?

 

http://cssdeck.com/labs/dnakfcij

ну вот задал, и что толку?

[rus]

уберите position absolute у дива