Text wrap without float

[seanbangerter]

OK, so I'm trying to wrap text around an image without using float. I have it working with one exception. The second line of text shoots all the way to the bottom and left justifies under the image. What am I doing wrong? My css looks like this:

For the image:
p.Studio_intro img
{
padding-top: 0px;
margin-top: 0px;
}

For the text wrap:
.Studio_intro
{
vertical-align: top;
padding-top: 10px

}

[atomdocs]

I think what you are actually doing there is putting an image inline, and the text just follows on (this is normal). If the line of text is long and needs to break, it will automatically go below the image because the image is part of the first line (as opposed to being considered a separate element, which I guess is what you are looking for).

If you have this working in other places, is it because the text following the image is not long enough to break?

The thing is, to wrap text around an image, you need float. You could use a table, but float is better for online docs. Why do you want to avoid float?