How In-line Elements Affect Line Box Heights

Q

How In-line Elements Affect Line Box Heights? - CSS Tutorials - HTML Formatting Model: Block, Inline and Floating Elements

✍: FYIcenter.com

A

If a line box contains only text without any in-line elements, its height is equal to the line-height property of the enclosing block element.

If a line box contains text mixed with in-line elements, its height will be affected by heights of in-line elements and their vertical alignments. The new height will be the distance from the top of the highest in-line element to the bottom of the lowest in-line element.

2007-05-09, 4920👍, 0💬