Web Sites made Easy

With Firefox 3 and Internet Explorer 8 wrapping text can be done two ways. You can either float it or align it. However, when you float the image the text will not wrap around it in Internet Explorer 7. The paragraph text will either appear above or below the image, depending on where it is in your code. As Internet Explorer 7 phases off and people begin to use Internet Explorer 8 you wont have to worry about this, but until then lets get that text wrapping in all three browsers!

You can either declare the align in the CSS or in the img tag itself. Do not declare an align in the image tag and then a float in the CSS. This will cause the text wrap to not work in Internet Explorer 7! If you wanted to put it in your CSS it would look like so:

Where value is either bottom, left, middle, top, or right. Whatever you set this value to is where the image will go. For example, if you text align right, the image will push to the right of your container and then text will wrap around it from the left.

If you put this in the image tag, it would look like so:

Filed under: Browser Compatability by Zach