↓ Below is an example of a simple layout without the use of clearfix

div .wrapper

This is your side bar floating to the left of the content, this can either be left or right

This is your main content can float left or right, but when writing the markup to make it semantic you write it as you read it so if your content is ont he left it is written before the side bar and vise verser.

↓ Below is an example of a simple layout with the use of clearfix

div .wrapper + CLEARFIX

This is your side bar floating to the left of the content, this can either be left or right

This is your main content can float left or right, but when writing the markup to make it semantic you write it as you read it so if your content is ont he left it is written before the side bar and vise verser.

You currently have javascript disabled. This site needs javascript to be enabled in order for it to run correctly. Some functions of the site may not be useable or the site may not look correct until you enable javascript. You can enable javascript by following this tutorial. Once javascript is enabled, this message will be removed.