Search code examples
htmlcentering

Cannot get logo to center

For the life of me I cannot get why this logo is not centering. Please help!

<div id="header" style="width:100%;" >
<a href="index.html"><img id="logo" src="images/logo384x80.png"/></a></div>

and the CSS

#header {
background-color:#222222;
height:50px;
margin-left:auto;
margin-right:auto;

}
Solution

  • You can try using text-align: center style on the div. I prefer using classes and use classes in CSS to add styles to elements. So I will do something like this, adding a class to div something like: "logo" and set following CSS:

    .logo { background-color:#222222; height:50px; margin:auto; text-align: center; }

    or for your case:

    #header { background-color:#222222; height:50px; margin: auto text-align: center; }