Как отцентрировать div в CSS

Самый простой — flexbox на родителе:

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

Grid ещё короче:

.parent { display: grid; place-items: center; }