XHTML Centering

[WebmasterTalk.us]

Hello,

In XHTML, the only way I can center content and such is using CSS right? Using any align (<p> or <div>) attributes seems to be invalid, and using the <center> tags seems to be invalid, also.

The only way I can do this properly is through CSS?

 

[dongan]

Hello,

In XHTML, the only way I can center content and such is using CSS right? Using any align (<p> or <div>) attributes seems to be invalid, and using the <center> tags seems to be invalid, also.

The only way I can do this properly is through CSS?

Generally, CSS plays a powerful role in XHTML and try it in that way.

 

[JYM]

if you wish to center the entire page just put <div align="center"> right after <body> then put </div> right before </body>.

If you wish to just center stuff, you could apply it using CSS via an external linked file... or you could include it in your header. An alternative is to do this:

<div style="align: center">Content </div>

 

[Palyriot]

hey, I had the same problem for a long time, then I tried using <center></center> and it allowed it. I think <center> is a tag that IS allowed.

 

[mch]

To center the text inside a div:
text-align: center;

To center the div itself:
margin: auto;

 

[nts]

<center> is only invalid in XHTML 1.1. In XHTML 1.0 it's valid. I find XHTML 1.1 to be way to strict if you ask me.

 

[Rowan W]

There are at least two proper ways to center an element using CSS, these include:

element {
	text-align: center; /* for aligning text */
}

and:

element {
	margin:0 auto; /* to align anything else */
}

edit: I should mention that transitional XHTML does allow older HTML 4 elements, but I wouldn't recommend using transitional anyway.

 

[mch]

Rowan W, what did I write?

 

[Rowan W]

sorry, must have scanned over it, all those other replies had me going blind.