Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

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 by codepen.io #
 
PREVIOUS NEXT
Tagged: #css #center #vertically #horizontally
ADD COMMENT
Topic
Name
7+7 =