Как работает значение display: inline-block в CSS?

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

Это значение используют, чтобы отобразить в одну строку блочные элементы, в том числе разных размеров. 4