Floating css images

Don't worry, I'll go get you some crayonsThere are a few tricks to getting neat left-aligned images like this one in your blog postings.You need to use “float: left;” as a style on any images you use, and a margin like “MARGIN: 0px 5px 5px 0px;” helps.When the image starts overlapping things at the bottom of your post, like your feedback links, etc. then you need to use “clear: both;” in the div tag surrounding all the crap at the bottom. This forces your image to push everything as far down as needed. Some elements like lists still overlap the image, but I’m too lazy to sort that out until I actually need a list.Hey Rich…!, you owe me a bottle of Jameson’s!

2005.03.02