CODEWITHSUNDEEP
vertical-alignmentcss
Reto
Reto

Reputation: 1552

Vertical align and line-height in css

I have two probably easy CSS questions here: http://web288.merkur.ibone.ch/klingler/

How can I get the © Klingler Fahrzeugtechnik AG 2013 in the footer vertically aligned to the bottom? I tried align-bottom and vertical align of the p tag but without luck...

The second thing is, I feal the distance between the lines of the main text is a bit narrow. I wanted to have a bigger line height. I tried changing the line-height property of the p tag to 2.5em instead of 1.5em but this did not change anything? Why is this?

p {
    font-size:1em;
    line-height:1.5em;
    margin: 1.5em 0 0 0;
}

Upvotes: 0

Views: 391

Answers (2)

Riskbreaker
Riskbreaker

Reputation: 4791

Do this:

.ym-g25 {
width: 25%;
vertical-align: bottom;
display: table-cell;
line-height: 1;
float: none;
}

Upvotes: 0

flyingfisch
flyingfisch

Reputation: 529

Do this: 

footer {
    position: relative;
}

.ym-g25 {
    position: absolute;
    bottom: 0;
}

Upvotes: 1

Related Questions