Question

when tried centering the website

I tried using

* { margin: 0 auto; padding: 0; text-align:center; }

#container {
    width: 960px;
    margin: 0 auto;
    text-align:left;              
}

But the problem is all the text inside the website gets center aligned, please help. I currently reverted it back and took off text-align:center; and text-align:left; from the live site. Please help.

many thanks.

Answer 1

add this rule

#container * { text-align:left; }

and change #container as:

#container { width: 960px; margin: 0 auto; }

I suggest to remove text-align:center; from the selector all (*) and align text more specific