CODEWITHSUNDEEP
htmlcss
user4630
user4630

Reputation: 633

Bottom line of text, ignoring line height?

I have two containers one on top of each other, the top one has a few paragraphs of text in it.

I need the bottom line of text to be 50px above the bottom container.

So i have either 50px margin bottom to the top container, or 50px top margin to the bottom container.

The problem is that its not 50px exactly from the bottom line of text because of the line height applied to the text.

Is there anyway to make text sit flush at the bottom when it reaches that point?

Hope that makes sense... i appreciate its only minor but some clients want it specific.

Upvotes: 0

Views: 273

Answers (2)

matewka
matewka

Reputation: 10148

You can try setting line-height in the top container the same as its font-size and border at the bottom:

font-size: 14px;
line-height: 14px;
border-bottom: 1px solid #f00;
marign-bottom: 50px;

jsFiddle

Upvotes: 1

Super Hornet
Super Hornet

Reputation: 2907

try using padding-bottom instead of margin

Upvotes: 0

Related Questions