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

5 votes186 views3 answers
Tailwind align-self center
Html
1 vote201 views1 answer
Html datetime-local format dd/mm/yyyy
Html
34 votes184 views6 answers
Html a tag
Html
3 votes181 views2 answers
HTML tag to define an internal style sheet
Html
0 vote237 views1 answer
Use html code for close icon after zoom imgage
Html
2 votes189 views2 answers
How to put something on the bottom right corner in html
Html
12 votes197 views2 answers
How to embed an image in html
Html
1 vote198 views2 answers
Html meta charset content ie edge
Html
14 votes158 views9 answers
Html css center div
Html
0 vote218 views1 answer
Svelte if in html attribute
Html