Высота строчно-блочного элемента в CSS
Если у строчно-блочного элемента не задана высота, то его высота сформируется содержимым, подобно строчным элементам:
<span>text</span>
span {
width: 100px;
border: 1px solid red;
display: inline-block;
}
: