Centering a table on the page

[Adam5000]

I've got a page with a two row, two column table on it, and I've specified the width of the table as 300px as described below.

<table style="width: 300px">
<tr>
<td>
<p>Text 1 here.</p>
</td>
<td>
<p>Text 2 here.</p>
</td>
</tr>
<tr>
<td>
<p>Text 3 here.</p>
</td>
<td>
<p>Text 4 here.</p>
</td>
</tr>
</table>

Right now, the table is aligned with the left margin of the page, and I'd like it to be centered between the left and right margins.

Help!

[whoisgregg]

You can set

text-align: center

on the parent element and use

margin: 0 auto;

on the table itself.

[Robin_reala]

You don't actually need the text-align: center on the parent, just the magin: 0 auto on the table will do.

[Adam5000]

Superb Robin and Gregg

That worked just fine. I had several tables to do, but they were all the same. They're all centered now and they look great. And because I'm using an external style sheet, I was able to do five pages all at the same time.

Fabulous Robin and Gregg