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

0 vote189 views1 answer
Html multi like tag indentation convention
Html
2 votes184 views4 answers
Tailwind CSS buttons
Html
0 vote172 views1 answer
Smaller than small html
Html
0 vote157 views2 answers
Electron draggable
Html
4 votes180 views1 answer
Input with dropdown
Html
1 vote187 views1 answer
Html5 astrix for absolutely required field inside a td tag
Html
3 votes130 views1 answer
Html audio autoplay
Html
-1 vote178 views1 answer
How to set image alignment in html
Html
-1 vote173 views2 answers
How to put different p elements next to each
Html
6 votes158 views2 answers
Raise WebDriverException( selenium.common.exceptions.WebDriverException: Message: 'chromedriver' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/chromedriver/home
Html