Для выравнивания строчно-блочных элементов в HTML и CSS можно использовать следующие методы:

1. Свойство display: inline. 1 Оно преобразует элементы в строчные и позволяет расположить их горизонтально. 1
2. Свойство display: inline-block. 13 Оно сохраняет блочные характеристики элементов, но располагает их в одной линии. 1
3. Свойство vertical-align. 34 С его помощью можно установить нужное вертикальное выравнивание строчных элементов. 1 Важно понимать, что vertical-align выравнивает элемент относительно содержащей строки, а не относительно ближайших элементов. 4
4. Flexbox. 14 Этот инструмент обеспечивает точное управление выравниванием, последовательностью и размерами элементов. 1 Для горизонтального выравнивания в Flexbox к родительскому блоку нужно применить свойство display: flex, чтобы блок стал flex-контейнером, а затем использовать justify-content: center, чтобы выровнять по горизонтали дочерние элементы. 2