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 vote204 views2 answers
Zohra Segal
Html
0 vote199 views2 answers
Html beginform asp.net mvc add id
Html
0 vote200 views1 answer
Html color names
Html
1 vote214 views1 answer
Html table tfoot after thead
Html
4 votes201 views1 answer
@keyup.enter vue
Html
63 votes203 views3 answers
Bootstrap form background color
Html
0 vote220 views1 answer
Ocultar div css
Html
1 vote211 views1 answer
Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'
Html
5 votes191 views3 answers
How to make an iframe
Html
20 votes197 views4 answers
How get element by name in jquery
Html