How to set out css properly?

Tags: css,wrapper

Problem :

Hey could someone tell me if this part of my css is right or wrong?

I personally think it is wrong but this is the only way I can place content in the center of the screen, if I replace the 999px with auto everything goes to the left.

If anyone knows how to write it properly that would be great!

I have been making website for quite a while now but I need to learn the right way.

#wrapper {
    width: 999px;
    margin: 0 auto;
}

DEMO

---

Solution :

If you want that #wrapper stay in the center of your page your code is correct.

You can specify every width you want, but not auto.

---

If you are looking for Responsive Design, take a look at the @Media Queries

http://googlewebmastercentral.blogspot.co.uk/2012/04/responsive-design-harnessing-power-of.html

---

Example:

Write your css for normal style, then add:

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }

Here you can specify different size and style for browser with that min or max size.

A good tool for start using Responsive Design is: Bootstrap