How to center title text in HTML? help!?
-
I don't know a lot about html.. I looked in the code and tried to find where the title part is and I tried the <center></center> thing but either it's not working or I'm still putting it in the wrong spot? I think this is the title section..? What should I add and where should it go? <head><title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <link rel="shortcut icon" href="{Favicon}"> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description} <meta name="color:background" content="#fff"/> <meta name="color:text" content="#222"/> <meta name="color:link" content="#222"/> <meta name="color:link hover" content="#ddd"/> <meta name="color:borders" content="#eee"/> <meta name="text:font size" content="11px"/> <meta name="font:body" content="arial"/> <meta name="font:title" content="corbel, arial"/> <meta name="if:shadows" content="1"/> <meta name="if:three columns" content="1"/> <meta name="if:show rss" content="1"/> or maybe this is the title section? .title {font-size:{text:title font size}; font-family:{font:title}; font-weight:bold; text-transform:uppercase;} h3 {font-weight:bold; font-family:{font:title}; text-transform:lowercase; margin-top:0px; margin-bottom:-8px;} Thank you so much!!
-
Answer:
All the code you displayed is between the head tags and has not much to do with the main title text on the page which should be between the <h1> </h1> tags. I see a set of h3 tags which you can center the text with this: h3 { text-align: center; font-weight:bold; font-family:{font:title}; text-transform:lowercase; margin-top:0; margin-bottom:-8px; } If there is a title between h1 tags, then just use: h1 { text-align: center; } Or, add text-align: center; to the class rules for .title. Ron
Shadow Knows at Yahoo! Answers Visit the source
Other answers
Assuming you mean the title within the page, and not the title shown above the url bar. Then it's most likely this section: .title {font-size:{text:title font size}; font-family:{font:title}; font-weight:bold; text-transform:uppercase;} Try adding this at the end, right before the "}": text-align:center; That will most likely work. Note: Don't do anything with this section: <title>{Title}</title>. That's the title shown above the url bar.
Unern
title has a specific meaning in HTML - it's the tag, placed in the head, that gives a page title as displayed in the very top of a browser window. As such you can't control its appearance, they depend on the browser.
Sadsongs
Nothing in the head tag is displayed in any context which would be centered, so to center text in a title tag makes no sense at all.
JerryOfBorg
Related Q & A:
- How to pass the SelectedValue in html.Dropdownlist MVC?Best solution by codeproject.com
- how to embed multiple images into HTML email?Best solution by Stack Overflow
- How to convert special tags into html tags?Best solution by Stack Overflow
- How to encode sharp character in HTML?Best solution by htmlpurifier.org
- Can you help me learn how to copy and paste an html link to my website?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.