center vertically exactly in middle:
element {
position: relative; /*or absolute*/
top: 50%;
transform: translateY(-50%);
/*check for margin too*/
}
or:
parentElement {
display: flex;
align-items: center;
height: 100%; /*cbse*/
}
or:
parentElement {
display: flex;
align-items: center;
justify-content: center;
height: 100%; /*cbse*/
}