Что делает свойство CSS inline-flex

Когда применяется это свойство, дочерние элементы ведут себя так же, как и при обычном display: flex.

Но элемент, которому назначено inline-flex, ведет себя как строчный.

Пример с inline-flex

 Здесь красным блокам задано display: inline-flex, поэтому они располагаются в строку.

Пример с flex

 А здесь красным задано display: flex, поэтому они размещаются вертикально (как со свойством block).

(Код можно открыть в инструментах разработчика.)