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

1 vote244 views1 answer
Html span title tooltip
Html
0 vote270 views1 answer
Animate html
Html
3 votes330 views9 answers
Bootstrap 5
Html
12 votes282 views5 answers
Jquery-3.5.1.min.js download
Html
2 votes271 views1 answer
Word inhoudsopgave
Html
0 vote268 views1 answer
Node.js error cannot use import outside of module
Html
3 votes280 views2 answers
How to write 2 class in html
Html
2 votes245 views2 answers
Html p tag
Html
4 votes284 views3 answers
This request has been blocked; the content must be served over HTTPS.
Html
2 votes261 views1 answer
A go to section
Html