根据图像收缩到适合div和段落？

Question

下面的代码是我网站的简化版本.在我的网站上,图像宽度因页面而异,文本大约为100个单词.这意味着段落将DIV拉伸到比图像更宽.仅使用CSS,是否可以将DIV和段落缩小到图像的宽度？

JSFiddle在这里

我想在这里描述的例子.Top是我得到的,底部是我想要的.

HTML

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

CSS

div {
   display: inline-block;
   }

Answer 1

对于做任何与表格相关的事情，我将永远羞愧自己：http://jsfiddle.net/WM6hK/3/

\n\n

div {\ndisplay: table;\nborder: 1px solid red;\nwidth: 1%;\n}\n\np {\nborder: 1px solid blue;\n}\xe2\x80\x8b\n

\n