Почему блок занимает высоту больше, чем его содержимое?

Question

[The_XXI]

Почему div занимает больше места по высоте, чем его содержимое?

Answer 1

[iBird Rose]

потому что .personal-data-label {line-height: 163.68%;}
а еще label инлайновый по дефолту и он имеет отступы.

убери line-height у label и ему же задай display: block;

Comments

[The_XXI]

Убрал line-height и добавил display, но небольшой отступ внизу все равно остался, его можно как то убрать?

[iBird Rose]

The_XXI, все также из за inline и inline-block отступов дефолтных. можешь поиграться с vertical-align у иконки чекбокса. а лучше просто задай для label {display: flex;}