1. Home
  2. Computing & Technology
  3. Web Design / HTML

Free Web Template: Centered Single Column Layout Template
The CSS

By , About.com Guide

Copy the CSS into a file named styles.css and save it in the same directory as your HTML.

html, body {
  margin: 0;
  padding: 0;
  border: 0;
}
body { background-color: #ccc; /* change the color to your background color */ }
#main {
  width: 80%;
  max-width: 1000px;
  background-color:#fff;
  border: solid black medium; /* remove if you don't want a border */
  margin: 2em auto;
  padding: 1em;
}

You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another website, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 12/07/2008.

p]Return to Centered Column Layout
More 1-Column Layouts
More XHTML CSS Layout Templates

Explore Web Design / HTML
About.com Special Features

The Best Web Trends of the Decade

A look back at the best innovations, ideas and technologies over the last 10 years, More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

©2009 About.com, a part of The New York Times Company.

All rights reserved.