div 内的文本不会换行

Question

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

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

Answer 1

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

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