Home >> Tutorials/FAQs >> CSS Tutorials >> Index
CSS Tutorials - In-Line Elements Affecting Line Box Heights
(Continued from previous topic...)
How In-line Elements Affect Line Box Heights?
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.
(Continued on next topic...)
- What Is the HTML Element Formatting Model?
- What Are the Formatting Behaviors of HTML Elements?
- What Is a Block Element?
- What Is an Inline Element?
- What Is a Floating Element?
- Hot To Specify the Content Box Size of a Block Element?
- Hot To Specify Padding Spaces of a Block Element?
- Hot To Test Padding Spaces on All 4 Sides?
- How To Specify Borders of a Block Element?
- Hot To Test Borders with Different Widths, Styles, and Colors?
- How To Specify Margin Spaces of a Block Element?
- How To Test Margin Spaces on All 4 Sides?
- How To Specify the Color of the Margin Area?
- How To Specify the Color of the Padding Area?
- What Are the Background Properties of a Block Element?
- How To Set Background to Transparent or Non-transparent?
- How To Add Images to Backgrounds?
- What Is the Text Paragraph Formatting Model?
- How In-Line Elements Are Mixed in Text Lines?
- How In-line Elements Affect Line Box Heights?
- Is FORM a Block Element?