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 votes128 views1 answer
Failed to load resource: the server responded with a status of 503 (service unavailable)
Html
63 votes136 views2 answers
How open link in new tab
Html
29 votes105 views1 answer
How to make the dashed border with longer dashes css
Html
0 vote87 views2 answers
Types of routes in laravel
Html
0 vote153 views1 answer
Jump to label html
Html
0 vote121 views1 answer
How to change website icon html
Html
0 vote124 views2 answers
Laravel nginx config
Html
0 vote188 views10 answers
Www.selleit.in
Html
4 votes118 views1 answer
Html.ActionLink with parameters
Html
4 votes99 views1 answer
Html flex not working
Html