Floatutorial takes you through the basics of floating elements

such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.

General

info

• Some definitions
• Float basics
• Floats and "clear"
• Browser types

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

Ver listado completo en: http://css.maxdesign.com.au/floatutorial/