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