This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1.

This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2.

This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3.

This is a footnote

Close this page

CSS - page layout - 3 fixed columns centered in the browser window

This example demonstrates simple fixed width columns nested in a centred "container" <div>.

TIP: Try resizing the browser window.

The CCS styles for this page are located in the <head> tag of this page, so just view the page source code to see what's going on.