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 votes302 views1 answer
Change the required text
Html
1 vote297 views3 answers
Unsplash source
Html
85 votes280 views5 answers
Justify content css
Html
0 vote271 views1 answer
Njk else if
Html
0 vote238 views1 answer
Music from stick with it
Html
3 votes253 views1 answer
Html pass a string to clipboard
Html
-1 vote253 views1 answer
Where does lava come from
Html
14 votes254 views2 answers
Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.
Html
0 vote276 views1 answer
Inline code html
Html
0 vote254 views1 answer
Pw.println("<br><br><a href= 'WishApp/index.html'>Home</a>");
Html