Сделать ширину подписи по ширине картинки

если я вас правильно понял, то:

text-align: justify;

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

Да просто разместить текст в блоке, под картинкой. Какая ширина будет у картинки, такая же будет и у блока.

пример стиля для блока можете дать, чтобы подходил под все размеры?

<div style="text-align:center;">

  <img src="" /><br />

  Hello, user!

</div>

<div style="text-align:center;">

  <img src="" /><br />

  Hello, user!

</div>

не делает то что нужно

Sah добавил 13.07.2010 в 22:04

хорошо, спрошу по другому

вот код:

что нужно прописать в документе css, чтобы получить требуемый вид?

Если не заморачиваться на семантике и есть возможность сделать таблицей, то можно так (тест в ie7, op9-10, ff3, chrome5)

<table style="width:1%;">

<tr><td><img src="1.jpg" title="" alt=""></td></tr>

<tr><td style="text-align:center;">Текст описания изображения, который не должен быть шире изображения</td></tr>

</table>

Еще можно попробовать с display:table-cell (table, table-row) для блоков, но в ie7 наблюдаются баги.

alexvaleev, благодарю. вопрос можно считать закрытым