Align text to the right of an image && text doesn't wrap around the image

Question

Should look like this:

[img] text text
      text text

How is this accomplished?

Seems straight forward, but I'm struggling.

Answer 1

You can use display:inline-block;

img{
    display:inline-block;
    width:75px;
    height:100px;
    border:1px solid red;
    vertical-align:top;
    margin-right:10px;
}

div{
    display:inline-block;
    width:200px;
}

Example: http://jsfiddle.net/jasongennaro/SK9ad/

To make inline-block; work with IE7, add the following to each rule:

zoom: 1;
*display:inline;