Reputation: 3

css center problem

<div id="headermain">
 <div id="logo">
            <a href="#">net</a>
        </div>

i'm unable to center the #logo div inside of #headermain

i'm giving margin:auto; but nothing happends. #headermain is also centered by using margin:auto;

Upvotes: 0

Answers (3)

Reputation: 21834

Use width property :

 #headermain { width: 1000px; margin: 0 auto; }
 #logo { width: 400px; margin: 0 auto; }

Upvotes: 4

Reputation: 84

Is it? #logo { text-align: center }

Upvotes: 1

Reputation: 1767

div#logo must have a width property for margin: auto; to work

Upvotes: 1