html - 根据图像缩小以适合 div 和段落？

Question

下面的代码是我网站的简化版本。在我的网站上，图像宽度因页面而异，文本约为 100 字。这意味着该段落将 DIV 拉伸(stretch)到比图像更宽。仅使用 CSS，是否可以将 DIV 和段落缩小到图像的宽度？

JSFiddle here

Example of what I'm trying to describe here .顶部是我得到的，底部是我想要的。

HTML

<div>
    <img src="image.jpg" />
    <p>Lorem ipsum dolor sit amet.</p>
</div>

CSS

div {
   display: inline-block;
   }

Answer 1

为了做任何与餐 table 相关的事情，我将永远羞辱自己:http://jsfiddle.net/WM6hK/3/

div {
display: table;
border: 1px solid red;
width: 1%;
}

p {
border: 1px solid blue;
}​