This collapsible content displaces existing content.
This collapsible content displaces existing content.
This collapsible content displaces existing content.
This collapsible content displaces existing content.
This collapsible content displaces existing content.
This paragraph is displaced.
With this CSS markup, the top of the collapsible content box will align perfectly with the bottom of the label box, regardless of font size, line-height, or padding within the label element.
This collapsible content covers existing content.
This collapsible content covers existing content.
This collapsible content covers existing content.
This collapsible content covers existing content.
This collapsible content covers existing content.
This paragraph gets covered by collapsible content.
When the div that holds the collapsible content has a top value equal to (padding-top + padding-bottom + line-height), the top of the collapsible content box will align perfectly with the bottom of the label box. Or, better yet, when the div does not have a top value declared explicitly, the top of the collapsible content box aligns perfectly with the bottom of the label box.