Below is just one example of a CSS Layout, including the Selectors you might use to format each div tag.

Each section of the Layout is made from an HTML div tag.  A div is a box that we place on the page.  We use divs to 'divide' the page into different sections so as to create a Layout.  A div can also be used to hold content, such as text, images, videos, and so on.  We can even place a div inside another div in order to achieve design goals or to add certain types of content.

The default div doesn't have any formatting, therefore, we have to create a CSS Style (style declaration) to format and position the div.  That CSS Style is applied to the HTML via a Selector.  The HTML is really a nice hook for our CSS.

The image above illustrates the CSS Selectors one might use in creating a 2 Column CSS Layout.  Each Selector is an ID Selector as indicated by the #.

The above layout is just one example of a 2 column fixed width layout that is popular on the web. In no way must you make your columns stand out as I have.  I did that only so you could distinguish one column or row from another.

Just Be Creative.  Yet, Keep it Simple.  And to learn how to build Layouts, try my Tutorials on DVDs for Beginners or Self-Paced Online Class (online Lessons). 

[See HTML5 elements & Layout ]