Question

I’ve been googling for around half an hour and still can’t find a solution.

I have a website at the minute, which has quite a lot of divs. All of these have a width of 980px and it looks fine on it’s own. My only problem is that if the screen is > 980px then it just appears on the left.

Question: Are there any tags I can put around the code which will center it? I’ve tried <center> and hoping for pot luck but it didn’t work 🙁

Answer 1

Just wrap them in a container div and give it the same width PLUS:margin: 0 auto;

<div id="container" style="width:980px; margin:0 auto;">
    ....your divs
</div>

Of course move the styling to your CSS file, instead of using inline styling!