CSS: putting text block to the right of an image

[scott]

Hello,

I'm trying to create the following effect:

IMG text
para-
graph

["text paragraph" is a large multi-line text paragraph that is taller than
the image. It needs to be entirely to the right of the image]

This can easily be done by using a table and putting the image inside of one
column and the text inside of the next. But, I want to do it with CSS instead
of tables.

I can get almost where I want by setting a "float: left" style on the image
and then following it with the text paragraph, but what I get is something
like this:

IMG text
para-
graph

i.e. The text paragraph wraps from the side of the image to below it. Is
there a way to keep the text from wrapping like this?

Thanks,
Scott
-----------------------------------------------------------
Posted using Android Newsgroup Downloader:
.... http://www.sb-software.com/android
-----------------------------------------------------------

[Els]

sc***@nospam.co m wrote:

I can get almost where I want by setting a "float: left" style on the image
and then following it with the text paragraph, but what I get is something
like this:

IMG text
para-
graph

i.e. The text paragraph wraps from the side of the image to below it. Is
there a way to keep the text from wrapping like this?

Yup - give the paragraph a left margin as wide as the floated image.

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/