How to Center Header in Blogger?

You may added header image in your blogger blog. The header image is not in the right position. It’s going to left of right position. Now, you may want to center your header image in blogger. This may happen when your header image is not adjusted to the default blogger header. That’s why we have to customize it. We can center our header with two ways. Just follow the following steps to do so …
There are several ways to center header in blogger. Each of the ways are very effective and all of them work perfectly. You should any one of the following.



First Rule
Go to Blogger → Template → Edit HTML → Proceed
Expand the Template checking the expand box.
Press (Ctrl + F) to find ]]> code on your Template.
Now paste the following code before ]]>

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;} /* You should include it if you are using Template Designer*/

Second Rule:
Go to Blogger → Template → Customize
Then Click on Advanced Tab → Add CSS
Add the code below in the Add CSS field and Click Save.
.header-outer {
margin-left: 90px;
}

Note: You should change 90pxaccording to your header width

Third Rule:

Go to Blogger → Template → Customize

Then Click on Advanced Tab → Add CSS

Add the code below in the Add CSS field and Click Save.

#header-inner img {
margin-left: auto;
margin-right: auto;
}