Чтобы сделать контент по центру с помощью CSS, вы можете использовать свойство text-align и задать значение center для родительского элемента:

.parent {
  text-align: center;
}

Вы также можете использовать свойство margin и задать значения auto для свойств margin-left и margin-right для самого контейнера:

.container {
  width: 50%; /* Ширина контейнера */
  margin: 0 auto; /* Центрирование */
}

Оба эти подхода помогут выровнять контент по центру экрана.