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

2 votes123 views2 answers
Git ignore local files
Html
3 votes120 views2 answers
How to align elements horizontally in css
Html
0 vote124 views1 answer
Python virtualenv venv
Html
1 vote118 views2 answers
Html image keep aspect ratio
Html
22 votes118 views4 answers
How to make a clickable image in html
Html
0 vote121 views1 answer
Standaard html code
Html
1 vote132 views2 answers
Check build version for html text in android
Html
28 votes119 views5 answers
Put html in iframe
Html
12 votes135 views2 answers
<a href="tel:+91-999900670">9999000670</a>
Html
0 vote131 views1 answer
How to kill html
Html