How to vertically and horizontally center a P of text in the page

Question

I want to create a page that justs has a paragraph of text centered in the page vertically and horizonally. Any ideas on how? Thanks

score 1 · Accepted Answer · answered Aug 12 '11 at 01:18

1

Sure, here is how: http://jsfiddle.net/sl1dr/vAdzu/

answered Aug 12 '11 at 01:18

joshnh

8,374
4
35
53

score 1 · Answer 2 · answered Aug 12 '11 at 01:19

1

If you know the paragraph width/height, you may use CSS with this method. I can only think of tables for dynamic content, maybe the CSS experts will have better options.

answered Aug 12 '11 at 01:19

Francisco Aquino

9,097
1
31
37

score 1 · Answer 3 · edited Aug 12 '11 at 01:40

1

<table style="width: 100%; height: 100%; border: 0px; padding: 0px; margin: 0px;">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td style="width: 30%;"></td>
        <td>Test</td>
        <td style="width: 30%;"></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

Ajust the widths to your suiting. This is short of using complicated JavaScript.

edited Aug 12 '11 at 01:40

Francisco Aquino

9,097
1
31
37

answered Aug 12 '11 at 01:24

Thomas McFarlane

25
3

Sorry, won't let me post a table.

Test

– Thomas McFarlane Aug 12 '11 at 01:26
I prefer to not use CSS for sites that just need a paragraph or such, actual projects or sites that require CSS anyway, I do tend to use negative margins. Never used jsFiddle though. – Thomas McFarlane Aug 12 '11 at 18:11

How to vertically and horizontally center a P of text in the page

3 Answers3

Linked


	Test