Question

I have a page with this HTML:

<p>     <img src='images/ih01.jpg' width='80' height='110' align='left' />     This course overs basic human anatomy and physiology, including the major     body systems and their functions. When you have completed this course you     will be able to identify major body components and their core physiological     functions. </p> 

And this is how it displays in Firefox 3, Chrome 1.0 and IE7: (Click for full size)

http://fisher.spadgos.com/stuff/ie-align-fail.png

You can see that IE is not wrapping the text around the image even though it’s aligned left. Any ideas?

Answer 1

Use:

<img src='images/ih01.jpg' style='float: left; height: 110px; width: 80px; ' > 

instead of align. The align attribute is deprecated.