Как выровнять контент по середине CSS

Для выравнивания контента по середине можно использовать свойство text-align со значением center для родительского элемента, если контент является текстом. Если контент является блочным элементом, то можно использовать свойство margin со значением auto для обоих сторон (left и right) или свойство display со значением flex и свойство justify-content со значением center для родительского элемента. Например:

.parent {
  text-align: center; /* для текста */
  display: flex; /* для блочного элемента */
  justify-content: center; /* для блочного элемента */
}

.child {
  margin: auto; /* для блочного элемента */
}