Bottom line of text, ignoring line height?

Total Post:108


 1903  View(s)
Rate this:

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.

  1. Re: Bottom line of text, ignoring line height?

    Hi John,

    You can try setting line-height in the top container the same as its font-size

    font-size: 14px;

    line-height: 14px;


Please check, If you want to make this post sponsored

You are not a Sponsored Member. Click Here to Subscribe the Membership.