Two Column Layout Vertical Menu Tutorial
Enable Internet Explorer for HTML5 Elements
Section 1 Lesson 3

Two Column Layout Vertical Menu Tutorial
Enable Internet Explorer for HTML5 Elements
Section 1 Lesson 3

 

In this lesson you set the CSS layout and default styling the page container div element.

Get Skills to Work on Websites in 30 Days

Start today with easy to learn courses that quicky build your website skills!

Add #wrapper CSS selectors and properties.

Add lines 3-13 to the end of the site.css file in your practice folder, then save.

The #wrapper selector targets the div that contains all of the page HTML elements.

Setting the margin property to 0 auto 0 auto makes the width of the left and right margins flexible and equal based on the available space in the web browser’s viewport. Adding the width property to 900px creates a fixed width page container.

There are no changes in the index.html file from the last lesson.

Completed Lesson

Do not panic! The styling will improve in the upcoming lessons.

Live Screenshot Web Browser