The fast way to center a block element

There are several ways of centering a div (or 'layer' in Dreamweaver speak). I'm going to show the one I think is easiest to implement because all it takes is a snippet of standards compliant code, and a doc type change.

Give me feedback on this page/code

Example

This div/layer should be horizontally centered

CSS:


div#centerdiv  {

  width: 200px;

  border: 1px solid red;

  margin-left: auto;

  margin-right: auto;

  }

HTML:


<div id="centerdiv">This div/layer should be horizontally centered</div>