Środkowanie elementu w bloku

środkowanie elementu horyzontalne w position absolute:


.element {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

środkowanie elementu vertykalne w position relative:


.parent-element {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}