Two Column Layout

Objectives

In this lessons, students will learn:

  • How to use the float property
  • How to use the clear property
  • How to create a two column layout
  • How to add a menu/ navigation to the 2 column layout

A Two-column Layout
A Two-column Layout
The HTML markup for two column layout
The XHTML markup for two column layout

The overflow CSS property specifies whether to clip content, show scrollbars, or display overflowing content when it is too large for its block-level container.