Как отцентрировать блочный элемент по горизонтали

Чтобы отцентрировать блочный элемент по горизонтали, можно использовать несколько способов:

1. margin: auto
   Работает для элементов с заданной шириной (width):
   css

   Копировать

   .block {
     width: 200px;
     margin: 0 auto;
   }

2. Flexbox
   Для родительского контейнера:

   css

   Копировать

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

3. Grid
   Для родительского контейнера:

   css

   Копировать

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

4. text-align: center
   Для inline-block элементов внутри блочного родителя:

   css

   Копировать

   .parent {
     text-align: center;
   }
   .child {
     display: inline-block;
   }

Выбор метода зависит от контекста и поддерживаемых браузеров. Flexbox и Grid - современные и гибкие варианты.