ansaurus

Question

Answer 1

+2 A:

<p style="text-align:center;">Some Text Here</p>

That will do the trick for you

jmein 2009-05-08 20:54:23

Answer 2

+12 A:

The text alignment needs to be declared in CSS. You can do this in a CSS section at the top of the file, in a separate file, or in the element itself. The simplest method would be the latter (note that this method is not generally considered a good practice):

<p style="text-align: center">Text</p>

If you want to put it at the top of the html file, it would look like this:

<head>
<style type="text/css"> 
<!-- 
p.centered
{
  text-align:center;
}

--> 
</style>
</head>
<body>
...
  <p class="centered">Text</p>
</body>

The best method would be to have a separate CSS stylesheet containing the CSS. Then, add a link to the CSS in the <head></head> section of your html:

<head>
<link href="path/to/file/name.css" rel="stylesheet" type="text/css" />
</head>

Clayton 2009-05-08 20:54:26

I feel that this is a sloppy way of doing things.

Chris B. 2009-05-08 20:54:59

If you use a CSS Stylesheet, you can clean it up much nicer. The idea of CSS is so you don't have all these style tags strewn throughout HTML. Simply tag the with a class and define the style in an external stylesheet.

Kekoa 2009-05-08 20:57:13

On second thought, I can make a class for it. It could be . Thank you.

Chris B. 2009-05-08 20:57:36

this is *absolutely* how you do it. You can also decide to automatically center elements in a style block }

Ben Scheirman 2009-05-08 20:57:49

class="center" is not a good idea... You need to separate the "what" from the "how it looks"For example, these are poor choices for class names:leftDivblueBgborderRedThese would be better:headertaglinenavigationexternal_linkthe class should specify the "what" and the style should target those and give appropriate CSS to style it.

Ben Scheirman 2009-05-08 20:59:37

Thank you. For some reason <h> tags that are within the tags will not center, how would I go about centering the <h> tags without changing my current css for them?

Chris B. 2009-05-08 21:10:50

Adding the style="text-align: center" attribute to the h tags will center them as well

Clayton 2009-05-08 21:12:38

Answer 3

+2 A:

The politically correct way to do it is CSS.

Try to do something like:

<p style="text-align:center">Text</p>

Or even better, use a CSS stylesheet.

Really, you should not be using in-line CSS either, it is just as sloppy. You can define a style for all  tags, or attach a class like <p class="header" and define the header class in CSS like:

p.header { text-align: center }

This way your style is separated from your HTML, producing a much cleaner HTML file.

Kekoa 2009-05-08 20:54:40

Answer 4

+2 A:

try Text

or at the top of your html you can declare:

<style type="text/css">
.center { text-align: center; }
</style>

then later just apply the class:

<p class="center">Text</p>

just remember the text-align css property will work for block elements.

2009-05-08 20:54:59

Answer 5

A:

Hehe, well it's not as easy as it may seem. What I usually do is have all text inside divs, and then use the "text-align" css tag. As for the center tag, no idea.

Good luck :-)

2009-05-08 20:55:12

Answer 6

A:

If you want center text you can do it by using the "text-align: center" css declaration:

<div style="text-align:center;">Centered Text</div>

If you want to center an element you would give it a width and set the "margin: 0 auto" like this:

<div style="width: 100px; margin: 0 auto;>whole div will be centered</div>

Jimmie R. Houts 2009-05-08 20:57:22

Answer 7

A:

I know you specified "HTML" in your question, so this may not be what you are asking... but have you considered the CSS styles:

style="text-align:center;"

or

style="margin-left:auto;margin-right:auto;"

devSolo 2009-05-08 20:58:02

There seems to be a consensus w/ all these answers, lol

devSolo 2009-05-08 20:59:27

Answer 8

A:

I highly recommend you read CSS Mastery by Andy Budd. It's a great book, a quick read, and it will definitely change your mind about how you view CSS.

Given your comments about CSS I think you'd get a lot out of this book.

Ben Scheirman 2009-05-08 21:01:03

Answer 9

A:

It was deprecated because it's a style that can't be controlled dynamically. It also doesn't let you separate your markup from your style.

Text can only be centered in the box element it resides in so text that you want centered has to be in a or <div> or <td>, etc. You can't center text in a for instance.

text-align is the css attribute that replaced

Your other questions seem to have been adequately answered.

rvarcher 2009-05-08 21:01:27

Answer 10

A:

The best and most versatile way to handle this is for your tags to inherit from their parent class, like so:

<style>
.paragraph p{
    text-align: center;
}
</style>

<div class="paragraph">
   <p>Text</p>
</div>

That way, when you want to style your website differently later on, you have a centralized location to change all tags within the "paragraph" class and don't have to change them individually.

hypoxide 2009-05-08 21:02:59

Answer 11

+1 A:

To address the implied second question, the reason you have validation issues when you have a <h#> inside a is because nesting headers inside of paragraphs is not allowed in HTML 4.0 and XHTML.

To expound, headings and paragraphs are semantic concepts, meant to inform the structure of your document and not imply anything about the appearance of their content (granted, they do appear different by default but that's not the point of their usage). It follows that a heading shouldn't be contained within a paragraph.

If your implementation calls for nesting headers inside of paragraphs you might want to rethink your approach to what you're trying to accomplish. If the intent is to indicate structurally "this is a heading", consider why a heading would be inside a paragraph. If the intent is to make certain text within a paragraph look different, then you would want to use one of the inline elements such as a span or em, with associated CSS styling.

I Have the Hat 2009-05-08 21:11:54

Answer 12

+1 A:

Beyond the question of separating (... or not) styling from content, it's worth mentioning that "official" deprecation from HTML does not mean that it does not work as well as it has. Given the way browsers work and get developed, your center tag will keep on working for a while, possibly until end of time HTML itself is used. :-)

That is, change it if you feel it's the right thing to do, but not if you think it doesn't work any more. Plus: removing it if it works and alternatives don't... well, I wouldn't change it myself.

StaxMan 2009-05-08 21:15:23

Answer 13

+2 A:

Regarding a <h#> tag within a  tag, that is indeed a validation issue.

<h#> tags are meant to mark up headings.  tags are meant to mark up paragraphs.

So, if I was marking up your question, I might start like this:

<h2>Centering Text in HTML</h2>

<p>I know at first this seems like a very stupid question, but I have a good reason for asking it. Even though I might just be misled.</p>

If I wanted the heading to be center aligned, I’d again use CSS:

<h2 style="text-align: center;">Centering Text in HTML</h2>

<p>I know at first this seems like a very stupid question, but I have a good reason for asking it. Even though I might just be misled.</p>

Paul D. Waite 2009-05-08 21:18:09

Answer 14

A:

You should be transitioning to CSS for style. HTML / XHTML are intended to be purely for content.

<p style="text-align: center;">Paragraph Text</p>

Also, I don't believe that <h#> tags should be nested within  tags.

For more info, see w3schools.com

1moreriley 2009-05-08 21:27:38

Answer 15

A:

<head>
    <style type="text/css"> 
    <!-- 

    div.content,
    div.content h1,
    div.content h2,
    div.content h3,
    div.content h4,
    div.content h5,
    div.content h6 {
        text-align:center;
    }
    --> 
    </style>
</head>
<body>
  <div class="content"><h2>Text</h2></div>
</body>

you could do this if you wanted the h tags to be centered too, and they are correct... Don't put H tags in a P tag.

Chad Scira 2009-05-08 21:34:06

ansaurus

tags:

views:

answers:

Centering Text in HTML

related questions