I hope I can explain this question clearly enough.
I'm working on the main headline for my blog, and as such, it will be dynamic; some headlines will be maybe 1 line long (shorter headlines) and some will be two or even three lines long.
What I was looking to do, was to have the containing box with the headline in it, stay the same size (same height) no matter how many lines the headline takes up. So if the blog post headline is only one line long, I want it 20px off the bottom of the containing box, if it's two lines long, I also want the bottom line 20px off the bottom of the containing box. In other words, when the headline is one line long, it will be 20px off the bottom. If two lines long, the first line moves upward, and the second line is 20px off the bottom, and so on.
(crude graphical representation below)
Is this even possible?
If not, I have another solution, but it wouldn't be the most ideal.
Can I do it all with CSS?
Heres my crude graphical representation:
Code:
-------------------------
| |
| |
| |
| |
| |
| | < box 300px tall
|One line headline |
-------------------------
-------------------------
| |
| |
| |
| |
| |
|This headline is 2 | < box 300px tall
|lines long |
-------------------------
-------------------------
| |
| |
| |
| |
|This really long | < box 300px tall
|headline is three |
|lines long |
-------------------------
|
