How to align a div in the center of a HTML page?

Question

I've to align some text in the center of the page with div tag.

Answer 1

You could set the style of the div to be:

<div style="width: 250px; margin-left:auto; margin-right:auto;">TEXT</div>

You can also place that style in a CSS class and set the class of the div to whatever you named it.

EDIT: If you include a width for the div, it centers...

Answer 2

div#foo { text-align:center; }

to align the text within the div or

div#foo { width:100px; margin:0 auto; }

to make the div 100px width and horizontally center it.

Answer 3

You can try <div align="center">...</div>