1) flex + margin: Современный способ выравнивания элементов по горизонтали и вертикали заключается в сочетании display: flex и margin: auto: Справедливости ради следует отметить, что тоже самое можно реализовать с помощью такого сниппета: 2) flex + gap: Раз уж мы заговорили о Flexbox, нельзя не упомянуть, что не так давно у нас появилась возможность добавлять отступ между flex-элементами с помощью свойства gap (этой возможности чертовски не хватало): 3) inline-flex: Данное свойство позволяет создавать строчные элементы, обладающие функциональностью Flexbox...

Источник: Nuances of Programming В статье пойдет речь о нескольких редко упоминаемых в технической литературе свойствах CSS. Тем не менее их использование повлечет за собой повышение скорости и качества разработки веб-интерфейсов. Экспериментальные свойства также рассматриваются в статье, но большинство функционала все-таки доступно во всех современных браузерах. Однако следует уточнить перед запуском производственного решения, какие браузеры поддерживают каждое из используемых вами свойств. Итак,...