This explains how to centre content, including a web page in the web browser. The code can also be used to centre obects in other ways too.

This is the container
This is the content centred in the container

HTML

  1. <div id="container">
  2.   This is the container
  3.   <div class="content">
  4.     This is the content centred in the container
  5.   </div>
  6. </div>

CSS

  1. #container {
  2.     width: 800px;
  3.     border: 1px solid black;
  4. }
  5.  
  6. .content {
  7.     width: 600px;
  8.     background: yellow;
  9.     margin: 0 auto;
  10. }

Comments:

Leave a Reply



(Your email will not be publicly displayed.)


Captcha Code

Click the image to see another captcha.