Html css center text on page

Css align items vertical center

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

Source: css-tricks.com

Html css center text on page

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

Similar codes

0 vote234 views3 answers
Navbar in rows in bootstrap
Html
0 vote174 views1 answer
How to triger multiple function in html
Html
3 votes194 views1 answer
How to use custom domain name instead of localhost on xampp for linux
Html
0 vote186 views1 answer
In html the color for red
Html
0 vote182 views2 answers
Twig and
Html
0 vote191 views1 answer
Tina4 form token example
Html
1 vote184 views1 answer
How to check where was the changes in a perticuler commit git
Html
0 vote188 views2 answers
Vertical line bootstrap
Html
0 vote192 views1 answer
Puppeteer html custom attribute
Html
0 vote201 views1 answer
Turn of blur html canvas
Html