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 vote151 views1 answer
NgForm
Html
1 vote157 views1 answer
How to open the command palet in visual studio code
Html
0 vote150 views2 answers
Target _blank on a link_to
Html
9 votes158 views4 answers
How to link submit button to another page in html
Html
0 vote163 views1 answer
Capturar valor de attr jquery
Html
0 vote144 views1 answer
What is 2 + 2
Html
60 votes165 views6 answers
Images in html
Html
0 vote154 views1 answer
Material ui appbar elevation
Html
0 vote150 views1 answer
Image on text in bootstrap
Html
2 votes146 views2 answers
Check if javascript is enabled
Html