Обтекание текста шириной изображения, которое не установлено

Question

Я буду держать это простым.У меня есть изображение, которое использует следующий CSS: .img-right {float: right;поле: 0px 0px 10px 20px;}

Тогда у меня есть подпись, которая живет под изображением, которая выглядит следующим образом: css:padding-top: 5px;размер шрифта: 11 пикселей;цвет: # 858d93;}

Я хочу, чтобы ширина тега абзаца соответствовала размеру изображения, которое я использую.Изображения различаются по ширине, которые используют этот класс, поэтому мне сказали, что единственный способ добиться этого - через jQuery.Кто-нибудь может помочь с этой работой?

Спасибо и счастливых праздников!

Answer 1

Хорошо, попробуйте что-то вроде этого, HTML:

<div class="img-wrapper">
<img src="foo.jpg" />
<div class="caption">This is my caption</div>
</div>

CSS:

.img-wrapper{width:auto; min-width:100px; float:right; margin:0px 0px 10px 20px;}
.img-wrapper img{min-width:100px;}
.img-wrapper .caption{width:auto; min-width:100px; margin-top: 5px; padding-top: 5px; font-size: 11px; color: #858d93; }