Center logo in header

[Dawn Shuck]

Hi,
Simple question. How do I center the logo in the header?
When I uploaded the image, I chose the Center align option for media. That didn’t work.
I also tried — #header_content img {margin: 0 auto;} — That did not work.

Thanks,
Dawn

Topic

[Bluenotes]

Dawn,

Try

.header_logo {text-align:center;}

[Dawn Shuck]

Brilliant! That worked.
Thanks so much!
Dawn

[Jason Bobich]

There you have it. Thanks, @Bluenotes!

@Dawn — In general when centering an item with CSS, you have to figure out if the element is displaying inline or not. For example, text and images are inline by default. So, you need to use text-align: center on anything wrapping the content.

However, when you have block-level element with a fixed width, that’s when you’d set the right/left margin to auto, as you were trying to do. For example, this could be a DIV.

[Author]

Replies