Несколько способов выровнять элемент по центру в CSS:

• Для инлайновых элементов. 2 Нужно указать свойство text-align: center родителю элемента. 2 Чтобы выравнивание корректно сработало, к дочерним блокам следует добавить свойство display: inline-block. 5
• Для блочных элементов. 2 Следует применить свойство margin: 0 auto. 2 Если знать ширину блока, то сверху и снизу будет 0, а по бокам размеры будут заданы автоматически, и блочный элемент встанет по центру. 2
• С помощью Flexbox. 25 К родительскому блоку нужно применить свойство display: flex, чтобы блок стал flex-контейнером. 5 Затем использовать justify-content: center, чтобы выровнять по горизонтали дочерние элементы. 5