How to set Blogger header content align center? (Center aligned image and text)

In Blogger default header content align type is left. To make your header image, text and other elements align center, apply the given CSS solution in your blog.

Given solution has CSS property for header tag content. In solution, to override existing img CSS rules header img style also given.

Following are steps to set Blogger header content (image, text) align center.

  1. Copy following CSS code.
header{text-align:center !important;}
header img{margin:0 auto !important;}
  1. Add CSS code in Blogger custom CSS option.
  2. Save custom CSS change and confirm change works or not.

By applying this change, you can set the header section content align center. In result, your header images, logo, blog description will display with center aligned.