Выравнивание DIV по горизонтали

При попытке центрировать DIV по горизонтали внутри контейнера DIV можно столкнуться с проблемами выравнивания. Это может произойти по нескольким причинам. Чтобы устранить проблему, рассмотрите следующее решение:

Используйте встроенный блочный дисплей вместо плавающего числа

Вместо использования свойства float рассмотрите возможность использования отображения: inline- Атрибут блока. Это гарантирует, что элементы DIV будут отображаться как встроенные элементы, обеспечивая горизонтальное выравнивание.

Обновленный код

Чтобы реализовать это решение, измените код CSS следующим образом:

.row {
  width: 100%;
  margin: 0 auto;
}
.block {
  width: 100px;
  display: inline-block;
}

Эта настройка устранит проблему горизонтального выравнивания, позволяя расположить DIV-элементы по центру внутри контейнера. Стоит отметить, что этот подход особенно подходит для сценариев, где ширина DIV фиксирована или относительно одинакова.