Simple tutorials on CSS floats

http://css.maxdesign.com.au/

 

Tutorial 1. Floating an image to the right

Float an image to the right of a block of text and apply a border to the image.

• Step 1 - Start with a paragraph of text and an image
• Step 2 - Apply float: right to the image
• Step 3 - Add margin
• Step 4 - Add a border
• Step 5 - Add padding
• All steps combined