IE & Firefox Images rendered Diff’t

Instead of this:

<p><img src="https://www.burnsidewriterscollective.com/images/JesusintheMargins.jpg" alt="Jesus in the Margins" hspace="10" align="left" />I just got my hands on a manuscript of Jesus in the Margins....</p>

I would try

<p><img src="" class="float-left" /></p><p>Your content</p>

And add this to your stylesheet:

.float-left { float-left; margin: 10px; }

This isn’t wrapping the text around it but placing it after the float? I want the text to be next to the image.

Help ?
https://www.tamba2.org.uk/wordpress/graphicalcss/align/index.html

I tried the link you sent but it still didn’t work. It had all the text appear after the image….

That page does work, honestly.
It may look complex, but I use that code daily and many many people have used that page to wrap text.

I used it here: https://www.goodmanson.com/2004-12/24/future-grace/

but it still isn’t working?

Move this bit
<div class="clearer"> &nbsp; </div>
under your text, not the image and see what happens.
get it right once and you’ll get it right everytime.

Here’s how this entry of mine is:
`<div class=”img-shadow”><img src=”https://www.tamba2.org.uk/T2/pix/unpeople.jpg&#8221; alt=”” /></div>
More on ……….

https://www.tamba2.org.uk/T2/archives/2005/01/20/unpeople/

That did it. (It’s a lot of work though. putting the <div class stuff on every picture. )