HTML center tag does not center

**MrSnrub** · Mar 28, 2012 07:32

Hello! I know most web development folk would be horrified that I would ask a question about such shoddy deprecated code as this, but please help me out.

Code:

<html>
<body>
<table width="100%" align="right">
<tr>
<td align="right">
Right1<br />
Right2<br />
Right3<br />
Right4<br />
Right5<br />
</td>
</tr>
</table>
<center>
One<br />
Two<br />
Three<br />
Four<br />
Five<br />
</center>
</body>
</html>

Why does the content in the center tag appear on the left rather than the center like it should? And what is the simplest, least-intrusive way to fix it? I know putting in a DOCTYPE would fix it right up, but I really don't want to go messing around with existing production code.

**ralph.m** · Mar 28, 2012 07:51

I'm truly horrified that you would ask a question about such shoddy deprecated code as this!

Anyhow, some browsers will center that content—with or without the doctype (such as Firefox). What browser are you testing in?

I guess you could continue with the pattern of the code you already have, and change it to this:

Code:

<table width="100%">
<tr>
<td align="center">
One<br />
Two<br />
Three<br />
Four<br />
Five<br />
</td>
</tr>
</table>

or this

Code:

<html>
<body>
<table width="100%">
<tr>
<td align="right">
Right1<br />
Right2<br />
Right3<br />
Right4<br />
Right5<br />
</td>
</tr>
<tr>
<td align="center">
One<br />
Two<br />
Three<br />
Four<br />
Five<br />
</td>
</tr>
</table>
</body>
</html>

**MrSnrub** · Mar 28, 2012 10:30

The text was not centered in I.E. 9, but you were correct: the text was centered in Firefox (and Chrome)

Both of those solutions worked great. Thank you!

User Tag List

Thread: HTML center tag does not center

Thread Tools

Display

HTML center tag does not center

Bookmarks

Bookmarks

Posting Permissions