Уменьшить, чтобы подогнать div и абзац на основе изображения?
Код ниже является упрощенной версией моего сайта. На моем сайте ширина изображения варьируется от страницы к странице, и текст составляет около 100 слов. Это означает, что абзац растягивает DIV, чтобы быть шире, чем изображение. Используя только CSS, можно ли уменьшить DIV и абзац до ширины изображения?
Пример того, что я пытаюсь описать здесь, Верх - это то, что я получаю, низ - это то, чего я хочу.
HTML
<div>
<img src="image.jpg" />
<p>Lorem ipsum dolor sit amet.</p>
</div>
CSS
div {
display: inline-block;
}