Header center

div {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: blue;
}

text {
  background: orange;
}

<div>
   <text>Centered horizontally and vertically</text>
</div>

Source: stackoverflow.com

How to center a html header

h1{text-align: center;}

Similar codes

21 votes188 views2 answers
Ul css in one line
CSS
0 vote204 views1 answer
Datatables when filtering snaps to top of page
CSS
3 votes177 views1 answer
Fontawesome trash icon
CSS
0 vote192 views2 answers
Animate zoom in and zoom out in css
CSS
0 vote193 views1 answer
How to write text in middle of straight line in css
CSS
-1 vote230 views1 answer
Css backdrop filter grayscale
CSS
2 votes168 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
3 votes174 views1 answer
Css edit scroll bar
CSS
0 vote201 views1 answer
Css battle 54 char
CSS
13 votes216 views2 answers
How to link a button to another page in css
CSS