Answers for "center div CSS transform"

1

how to center div with transform

// Make sure the parent has position: relative 
.some_class {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
Posted by: Guest on March-23-2021
6

how to center with translate

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

Browse Popular Code Answers by Language