CODEWITHSUNDEEP
htmlcss
AnApprentice
AnApprentice

Reputation: 110950

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

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

Upvotes: 0

Views: 587

Answers (3)

Thomas McFarlane
Thomas McFarlane

Reputation: 25

<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.

Upvotes: 1

Francisco Aquino
Francisco Aquino

Reputation: 9117

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.

Upvotes: 1

joshnh
joshnh

Reputation: 8704

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

Upvotes: 1

Related Questions