How to move blog title in the middle of the screen?

Question

I am very new to blogging. My blog has its title description at the top-left but I want it to be in the middle of the screen and the description of the blog beneath the image.

I tried the following code but the title is still at the top-left corner:

<title style="text-align:center"><data:blog.pageTitle/></title>

Thanks in advance.

Solution 1

The <title> element isn't used for the title displayed on your website, only for the title in the browser's top bar.

You'll have to edit the CSS file and set #titlewrapper { text-align: center }

Alternatively you can add style="text-align: center" in the <div id='titlewrapper'> in your HTML.

Solution 2

<div style="text-align:center">Title of your blog</div>

Solution 3

Well, I got it. The title is wrapped with a <h1> which is by default aligned at the left. so change it's CSS to text-align:center;

Use this

#titlewrapper h1 { text-align:center; }