Защо се появяват странни отстъпи, когато - покажете вграден блок - и - размер на шрифта 0

Здравейте. Имаше проблем. Има контейнер със следните стилове:

Той съдържа няколко обекта със следните стилове:

Ето пример за codepen: пример.

Както можете да видите, между дъното има няколко пиксела. Моля, помогнете да премахнете тази вдлъбнатина.

Дмитрий Петров: Факт е, че когато сте направили вградени (вградени) елементи, те са подравнени към основната линия на текста (вертикално подравняване: изходна линия). И базовата линия минава под буквите, без да се вземат предвид техните опашки (т.е. за текста „Арфа“, основната линия ще бъде под буквите „а“, опашките от „р“ и „е“ се игнорират). Но мястото за тези много опашки все още е запазено. Така се оказва, че отстъпът под li е запазено пространство за опашките от букви, което може да бъде на един ред с вградения li.

---