how to float image surrounded by text on 4 sides

[richards1052]

I write a blog & have html code which I use to float images right &
left in my posts. But I often see images surrounded by text on all 4
sides. Can anyone tell me a not too complex way I can do this? Here's
the image (float left) code I use now:

<div><div style="float:left;">
<img style="margin-right: 15px" src="" height="" width="" />
<p style="text-align:center;"><span style="color: blue;"><em> </em>
(credit: )</span></p></div>

[Steve Pugh]

ri**********@comcast.net wrote:

I write a blog & have html code which I use to float images right &
left in my posts. But I often see images surrounded by text on all 4
sides.
Assuming you mean the same piece of text flowing around all four
sides, not seaparate columns of text or anything like that.

On the web? I doubt it, but if you have just look at the source and
see how they do it.
Can anyone tell me a not too complex way I can do this?

If the image is shorter than the height of a line of text then simply
text <img> text
will do what you want. Otherwise it can't be done.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Lachlan Hunt]

ri**********@comcast.net wrote:

I write a blog & have html code which I use to float images right &
left in my posts. But I often see images surrounded by text on all 4
sides.

This is more of a stylesheet question than HTML; but anyway, there is a
technique to achieve this affect. However, be warned that the technique
used in these articles is very contraversial and should not be (ab)used
lightly. You should carefully consider issues such as accessibility
before using these techniques.

http://alistapart.com/articles/crosscolumn/
http://alistapart.com/articles/crosscolumn2/

--
Lachlan Hunt
http://lachy.id.au/
http://GetFirefox.com/ Rediscover the Web
http://GetThunderbird.com/ Reclaim your Inbox