Высота строчно-блочного элемента в CSS

Если у строчно-блочного элемента не задана высота, то его высота сформируется содержимым, подобно строчным элементам:

<span>text</span>

span {
	width: 100px;
	border: 1px solid red;
	display: inline-block;
}

Результат выполнения кода: