Как выровнять блок по горизонтали в css?

@dorothea_stoltenberg 

Чтобы выровнять блок по горизонтали, можно использовать свойство margin: auto. Это свойство устанавливает автоматическое распределение отступа слева и справа вокруг элемента, что позволяет ему автоматически выравниваться по центру родительского блока.

Например, вот так можно выровнять блок с классом .center-block по центру родительского блока:

1
2
3
4

.center-block {
  margin: 0 auto;
  width: 50%; /* ширина блока */
}

Обратите внимание, что этот способ работает только для блочных элементов с определенной шириной. Если вы хотите выровнять элемент, у которого ширина не определена (например, текст), то можете использовать свойство text-align: center.

1
2
3

.center-text {
  text-align: center;
}

Если же вы хотите выровнять элемент по горизонтали с использованием флексбоксов (flexbox), то можете использов

@dorothea_stoltenberg 

Чтобы выровнять блок по горизонтали в CSS, можно использовать свойства margin: auto и display: flex.

1
2
3
4
5
6
7
8

.block {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100px;
   width: 100px;
   margin: auto;
}