Как сделать ширину блока по ширине картинки?

Question

[sinefighter]

Здравствуйте, подскажите, как сделать ширину блока, равной ширине картинки в этом блоке, при том, что помимо картинки, будет еще описание картинки?
Если там одна картинка - то все просто, делаем float: left и div стает таким же по ширине, как и картинка, но вот что делать если внутри дива еще один див, можно ли без джаваскрипта решить эту проблему?

<div class="main">
    <img src="http://comments.ua/img/20110301192701.jpg">
    <div class="caption">Очень и очень и очень и очень и очень и очень и очень длинное описание картинки, которое занимает целых два ряда</div>  
</div>

.main{
    float: left;
}

Так же привожу пример на jsfiddle jsfiddle.net/khpt8kan

Comments

[dpismenny]

Можете показать картинку, что должно получится? Думаю, может подойти display: inline-block, но хотелось бы увидеть конечный результат на примере :)

[sinefighter]

вот вырезка из макета, картинка и описание к ней
itmages.ru/image/view/2513168/eedc5688

[dpismenny]

sinefighter: Мне все же непонятно, как будет выглядеть две новости. Насколько я понимаю, это будут два блока рядом. Если так, то просто в процентах ширины блоков (если сайта адаптивный) и отсутпы. Объясните подробнее, в чем именно сложность?

[sinefighter]

Денис Письменный: смотрите, тот блок, что я скинул - это картинка и подпись к ней в самой статье, этот блок обтекаемый с помощью float: left; так вот, мне нужно чтобы ширина блока была такая же, какая ширина картинки в этом блоке, но трудность в том, что когда добавляю ниже описание с display: block or inline-block - он все портит и ширина родительского блока становится вновь 100%, а мне это не нужно

Answer 1

[Дима Паутов]

Дайте блоку фиксированную ширину или блоку с текстом. Или так нельзя?

Comments

[sinefighter]

к сожалению, фиксированная ширина тут не подойдет

Answer 2

[Jack Cooper]

А картинку нельзя как background сделать?

Comments

[sinefighter]

нет, это будет страница новости, там где картинки будут обязательно в теге

Answer 3

[Валентин]

Посмотрите как в bootstrap сделан thumbnails getbootstrap.com/components/#thumbnails