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.
Float an image to the right of a block of text and apply a border to the image.
Float an image and caption to the right of a block of text and apply borders using Descendant Selectors.
Float a series of images down the right side of the page, with content flowing beside them.
Float a series of thumbnail images and captions to achieve an image gallery.
Float a simple list into rollover "back" and next "buttons".
Float a simple list, converting it into a horizontal navigation bar.
Float a scaleable drop cap to the left, resize it and adjust line-heights to suit your needs.
Float a left nav to achieve a two column layout with header and footer.
Float left and right columns to achieve a three column layout with header and footer.