Ordinarily in HTML when you have a <div> element (without sizing styles, so it is sized automatically) with a <p> element inside it, when the <p> element contains more content than the <div> can display, the <div> will resize to just large enough to contain the <p>.
Suppose you want the <div> element to react to the <p> element having too much content by resizing itself by an increment instead? For example, you have one too many lines in your <p> so the <div> increases its height by 100px instead of whatever the line height of the <p> is. The primary usefulness for this would be background image formatting, in circumstances where the background image has to line up nicely with surrounding elements.
I imagine this would probably be accomplished best using javascript, but if there’s a neat CSS trick I’d love to hear it. Thanks a bunch!
