html - div 内的文本不会换行

Question

如下所示:http://jsfiddle.net/EhnuZ/最上面的组有少量文字，文字位于图像的右侧。底部组是相同的，除了里面有更多的文本。但是，这会导致文本移动到图像下方，而不是像我希望的那样换行。如何解决？我试过:

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

Answer 1

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

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