html – div内的文本不会换行

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

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

解决方法

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

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