Why the child element crosses the boundary beyond the parent element

the following is CSS
clipboard.png
HTML
clipboard.png

clipboard.png

Mar.06,2021
The

Non-replaced inline element calculates the height based on line-height. If the content exceeds the height of line-height, it will cause "bleeding" to spill into the nearby box.

Menu