CSS父元素忽略子元素内的文本以确定宽度

Question

如果不修复任何元素的宽度,我希望父div元素在设置宽度时忽略文本.我希望元素的宽度仅受图像宽度的影响.

<div>
    <img src="https://lh4.ggpht.com/9BAW9uE48gxNUmnQ7T6ALpNTsrCHOZBMfF__mbamBC36edSw0uc-kjQxgtZ3O3aQWFY=h900"/>
    <p>I want this text to wrap once this paragraph element reaches the width of the image.</p>
</div>

div {
    background: green;
    display: inline-block;
}

我的jsFiddle

任何意见是极大的赞赏

Answer 1

将div的显示属性更改为table-caption
(在firefox和chrome中测试)

更新了jsfiddle