How to center a header image

Question

I have a problem. The answers to other people questions didn't solve my problem. It's about image in my header, here's the code: HTML ```

one

two

three

four

``` CSS ``` #container{ width: 1000px; margin: 1em auto; } #header{ display: block; width: 1000px; margin: 0 auto; } body{ background-color: grey; color: black; font-family: sans-serif; } img.center{ text-align:center; margin: 0 auto; padding:0px; } ``` I also try this: ``` div#pictures { text-align: center; } ``` also not working... checked in firefox and IE, the newest versions.... o.O Please help!

Accepted Answer

CSS for `header`

```
width:100%;
text-align:center;
```

CSS for your `img`

```
display:inline-block;
margin: 0 auto;
```

See example here

That said, merely having `text-align:center;` on your `header` should be find, as in here

How to center a header image

Solution

Problem