vertically center horizontally code example
Example 1: how to center a div vertically and horizontally
.container{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: /* Define the width here; */
height: /* Define the height here; */
}
/*You have to define the width and height! */
Example 2: css align center vertical and horizontal
.parent-class {
display: flex;
align-items: center;
justify-content: space-around;
}