/CSS/Html vertical and horizontal center

Html vertical and horizontal center

Css center vertically and horizontally

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* to make "align-items: center" work: use "min-height: 100vh;"
100vh = 100% Viewport Height */

Source: grepper.com

How to center vertically and horizontally in css

.<your-outer-div> {
  display: flex;
  justify-content: center;
  align-items: center;
}

Source: grepper.com

Similar codes

0 vote162 views1 answer
Test typescript
CSS
1 vote148 views1 answer
Div nebeneinander
CSS
4 votes164 views2 answers
Import fontawesome
CSS
0 vote167 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
0 vote182 views3 answers
Scroll elementleft using js
CSS
-1 vote125 views1 answer
Css root seletor
CSS
19 votes113 views2 answers
Add font to react
CSS
22 votes167 views6 answers
Font family css
CSS
4 votes155 views2 answers
Stop text from wrapping
CSS
0 vote158 views2 answers
Drop function postgresql
CSS