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

html css blogs blogger title
Fahad Uddin picture Fahad Uddin · Nov 29, 2010 · Viewed 25.4k times · Source

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.

Answer

Stephan Muller picture Stephan Muller · Nov 29, 2010

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.

Related questions

How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More
How to align a <div> to the middle (horizontally/width) of the page

I have a div tag with width set to 800 pixels. When the browser width is greater than 800 pixels, it shouldn't stretch the div, but it should bring it to the middle of the page.

Read More