// Make sure the parent has position: relative .some_class { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

how to center div with transform

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

how to center with translate