Как выровнять элемент по центру в CSS?

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

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