Разница между display: inline-block и inline-flex при оформлении текста заключается в том, как эти свойства влияют на отображение элементов. 1

display: inline-block позволяет отображать элемент в соответствии с естественным потоком текста, при этом не добавляя перенос строки после элемента. 1 Элемент может располагаться рядом с другими элементами. 1 При использовании этого свойства можно задать ширину и высоту элемента, что невозможно при использовании display: inline. 1

display: inline-flex создаёт встроенный гибкий контейнер, в который передаётся текст. 3 При использовании этого свойства контейнер отображается как встроенный элемент, при этом его содержимое сохраняет свойства flexbox. 1

Таким образом, inline-block подходит для форматирования встроенного контента как атомарного блока, а inline-flex предназначен для создания гибкой раскладки. 5