Text inside div won't wrap

css, html

Solution

You need to specify a `width` for the text container, otherwise it automatically tries to be 100% of the width.

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

Problem

As seen here: http://jsfiddle.net/EhnuZ/ the top group has a short amount of text, and the text is to the right of the image. The bottom group is identical except that it has more text inside. However, this causes the text to shift below the image, instead of wrapping like I want it to. How can this be solved? I have tried: ``` white-space:normal; word-wrap: break-word; width:50%; max-width:50%; ```

Original source