Where is the extra height that a div element contains an inline-block element with a font-szie attribute?

<style>

span {
    display: inline-block;
    font-size: 12px;
}

</style>

<div>
    <span>hello </span>
    <span>world</span>
</div>

clipboard.png

clipboard.png

where did the extra height come from?

Apr.11,2021

you can tell where it came from by setting the line-height of div to 1em.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b36296-2bff5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b36296-2bff5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?