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

65 votes171 views6 answers
How to add links in html
Html
1 vote176 views1 answer
Javascript onclick back
Html
1 vote197 views2 answers
Js open pdf in new tab
Html
0 vote172 views1 answer
What is difference between React router and react router Dom?
Html
0 vote167 views1 answer
Jsf c:set date
Html
1 vote270 views1 answer
Html - blank space at left
Html
1 vote193 views1 answer
Must fill input
Html
1 vote183 views2 answers
How to make a youtube video on a website and let it start by a set time
Html
0 vote185 views1 answer
Fab model
Html
0 vote152 views1 answer
Sublimelinter-html-tidy for linux
Html