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

3 votes190 views2 answers
Bootstrap 5 link stylesheet
Html
0 vote177 views2 answers
How to write h1 tag in html
Html
0 vote177 views1 answer
Dead link html
Html
0 vote207 views1 answer
Sms link with body ios and android
Html
0 vote179 views1 answer
Pause html5 video jquery
Html
12 votes195 views3 answers
How to make images load as you scroll down
Html
11 votes169 views6 answers
Bootstrap table small
Html
19 votes178 views4 answers
How to put text in the middle of a page html
Html
0 vote168 views1 answer
Create drop down menu in html
Html
32 votes178 views6 answers
Bootstrap alerts
Html