/CSS/How to center horizontally and vertically block div

How to center horizontally and vertically block div

Center div horizontally and vertically

.parent {
  position: relative;
}
.child {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

Source: codepen.io

Vertical and horizontal align center div

.center {
  height: 200px;
  position: relative;
  border: 3px solid green;
}

.center p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Similar codes

27 votes294 views4 answers
Css keyframes
CSS
-1 vote309 views3 answers
Clip path css
CSS
1 vote286 views2 answers
Centralizar div verticalmente css
CSS
2 votes334 views1 answer
How to put a black overlay on a photo css
CSS
0 vote288 views1 answer
Flexbox stretch
CSS
0 vote283 views1 answer
Css select without class
CSS
8 votes314 views1 answer
How to get my div to centre
CSS
1 vote285 views3 answers
Css profile picture round
CSS
-2 votes290 views2 answers
Text sliding css
CSS
0 vote362 views1 answer
Html appelé fichier css
CSS