Несколько методов для выравнивания содержимого внутри элемента:

• Использование CSS Flexbox. 1 Для этого нужно добавить в родительский элемент свойства display: flex и justify-content: center. 5 Контент внутри контейнера расположится посередине горизонтальной оси. 5
• Блочный метод. 1 Блочные элементы можно отцентрировать по горизонтали, используя margin: auto и заданную ширину. 1
• Абсолютное центрирование. 1 Использование position: absolute вместе с margin: auto позволит точно и аккуратно отцентрировать элементы. 1
• Вертикальное выравнивание по типу таблицы. 2 Для этого нужно установить в родительском элементе свойство display: table и ширину 100%. 2 В дочернем элементе установить display: table-cell, высоту 100px, text-align: center и vertical-align: middle. 2

Выбор метода зависит от конкретных требований и предпочтений разработчика.