div内的文字不会换行

Question

如此处所示：http://jsfiddle.net/EhnuZ/顶部组的文本数量较少，文本位于图像的右侧。底部组相同，只是内部有更多文本。但是，这会导致文本移到图像下方，而不是像我想要的那样换行。怎么解决这个问题？我试过了：

white-space:normal;
word-wrap: break-word;
width:50%;
max-width:50%;

Answer 1

您需要为文本容器指定width，否则它会自动尝试为宽度的100％。

.text{
         vertical-align:top;
         display:inline-block;
         width: 30%;
    }

Answer 2

如果<p>或其中一个包含元素没有宽度，则浏览器的渲染引擎没有理由阻止元素展开以填充其容器。

您要做的是通过在其上设置width或max-width来约束其父级段落的宽度

Answer 3

您是否尝试过在图片上使用float：left？