Css center vertically

Vertical align css

.container{
  display: table;
}

.div-inside-container{
  display: table-cell;
  vertical-align: middle;
}

Css center vertically

/* 100vh = 100% Viewport Height */
body {
	display: flex;
	height: 100vh;
	flex-direction: column;
	justify-content: center;
}
/* add */ align-items: center; /*to also center horizontally.*/

Similar codes

-1 vote194 views1 answer
How to do text center of select element
CSS
5 votes208 views1 answer
Htaccess for angular
CSS
2 votes249 views1 answer
Css click event jquery
CSS
42 votes251 views5 answers
Css center everything
CSS
29 votes212 views9 answers
Traduttore
CSS
1 vote226 views1 answer
Break pre text
CSS
0 vote231 views1 answer
React right burger scrol bar
CSS
0 vote241 views2 answers
Centralizing a table with css
CSS
0 vote230 views1 answer
Flex item: 1;
CSS
0 vote240 views1 answer
Easyui datagrid header multiline
CSS