Home/ Questions/Q 3807174
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T14:56:59+00:00

I have some text in html. About 2 paragraphs. I want this to appear

  • 0

I have some text in html. About 2 paragraphs.

I want this to appear in the middle, I can do this using in html but I want it to be “in” on the sides, so it only fills the middle of the screen, away from the edges on the sides.

How to do this?

EDIT:
DESCRIPTION OF PAGE:

EMPTY SPACE |<——text here——>| EMPTY SPACE

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There are various different ways of centering text in a page. For now I will assume you mean horizontal centering.

    You haven’t provided any code for anyone to work with, so I will assume the code goes as follows:

    <html>
  <head>
    <title>Test Page</title>
  </head>
  <body>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse cursus sapien vitae ipsum semper sagittis porta odio tempor. Pellentesque porta mattis porta. Cras in condimentum tellus. Nam porta sapien vel felis aliquam id aliquam neque condimentum.</p>
    <p>Mauris in tellus magna. Nam cursus dapibus diam, ut cursus risus placerat sed. Praesent volutpat elementum faucibus. Donec mi arcu, faucibus eget porta a, feugiat eu dui. Sed dapibus feugiat quam, vel venenatis neque venenatis ut. Ut condimentum tellus eget ipsum aliquam eu faucibus erat egestas. Pellentesque ut metus a elit suscipit vulputate id id magna. Praesent eu sem urna, eu fermentum enim.</p>
  </body>
</html>

    To center the paragraph text in the middle of the page, you need to add the following CSS (in a style element or an external .css file): first example

    p
{
  text-align: center;
}

    This is probably not what you’re after because it wont push the text away from the edges. If you would like the text to have a fluid width with some padding, use this CSS instead: second example

    p
{
  padding: 0 100px;
}

    You can of course center the text using both methods to make the text centered and stay away from the edges.

    If you would like a static width that stays centered, use this CSS instead of the padding: third example

    p
{
  margin: 0 auto;
  width: 300px;
}
    • 0