Answers for "center div horizontally and vertically on page"

CSS
13

center div horizontally and vertically

.parent {
  position: relative;
}
.child {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
Posted by: Guest on June-22-2020
2

centre div vertically and horizontally

.name-of-div-to-be-centered {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
Posted by: Guest on February-07-2022

Code answers related to "center div horizontally and vertically on page"

Browse Popular Code Answers by Language