Подогнать ширину текста под ширину картинки при помощи CSS

Консультация по данному вопросу стоит денег!

Надо бы зарядить по максимуму, но неизвестно сколько денег на WMZ кошельке ТС...

Можно ли угадать сколько денег у него на кошельке без применения JS или серверных манипуляций с картинкой, только средствами угадывания?

В переводе это означает - хочу то не знаю что! Ибо с тот же браузер это программа! Которая сама не думает, она берет что дают! Если ей ничего не дать (ширина текста = размер картинки) то и выровнять по нему текст (вогнать в тот же размер) она не сможет.

Наверное коряво вопрос формулирую.

Вот css:

div.small-screenshot {

 width: 200px;

 display: inline-block;

 vertical-align: top;

}

Вот html:

<div class="small-screenshot">

<img src="samle.png">

<p>Текст под картинкой произвольной длины, который нужно выровнять, чтобы ширина столбца этого текста соответствовала ширине картинки.</p>

</div>

Этот html код используется на нескольких страницах. Картинка samle.png на разных страницах может быть разной ширины. Как избавиться от фиксированного указания ширины в 200px в css, и устанавливать ширину дива динамически, в зависимости от ширины текущего samle.png?

может=))) просто все на дивах и стилях помешались

<table><tr><td>картинка</td></tr><tr><td>текст</td></tr></table>

T.R.O.N добавил 30.03.2010 в 12:56

на вопрос с множественной выборкой, всегда дается ответ с вариациями....=))))))

<table>

Не, таблицей нельзя. Причины долго объяснять, но дело совсем не в том, что дивы моднее :)

хитрый гат! :)

а если картинка 20px, а в тексте слово "интернационал" 12pt ?

Не прокатит!

:) как вариант "return 0"...

Попробуй поставить диву float: left, а ширину вообще убрать. Так он помоему облегать будет и не надо ничего подгонять. Ну а если флоат не вписывается в дизайн тогда хз как. JS-ом

<div class="small-screenshot" id="mydiv">

<img src="samle.png" onLoad="getElementById('mydiv').style.width=this.width;">

<p>Текст под картинкой произвольной длины, который нужно выровнять, чтобы ширина столбца этого текста соответствовала ширине картинки.</p>

</div>

=))) но тоды - да. Отсается к стилям ползти. owerflow:hedden

Fearful, решения с onLoad= - это всегда криво. Прыгает дизайн по мере загрузки... если вооще событие наступает

Знаю. .

не фига - длинный текст раздвигает див больше ширины картинки.

onLoad=

Эээх. Видно так и придется.