html css center text on page

Dayanaohhnana answered on December 3, 2020 Popularity 9/10 Helpfulness 10/10

answer html css center text on page

html css center text on page

Comment

<style>
body { background: white }
section {
  background: black;
  color: white;
  border-radius: 1em;
  padding: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
  }
</style>

<section>
  <h1>Nicely centered</h1>
  <p>This text block is vertically centered.
  <p>Horizontally, too, if the window is wide enough.
</section>

Popularity 9/10 Helpfulness 10/10 Language html

Source: Grepper

Tags: center css html text

Link to this answer
Share Copy Link

Contributed on Dec 03 2020

Dayanaohhnana

0 Answers Avg Quality 2/10

html css center text on page

Contents

More Related Answers

html css center text on page

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.