HTML and CSS Reference
In-Depth Information
With a little bit of experimenting, line-height reveals itself to be a very useful tool for
optimizing the readability of text, and ensuring that it looks just the way we want it. The
line-height property accepts values using most of the units we've discussed already, in-
cluding a unitless number value, which is what we're using here, and is the recommended
way to define line-height .
If we use a unitless number value for line-height, the value will compute to the number multi-
plied by the current font size of the element to which it's applied. In this case, we've defined
the line-height at 1.7, with no unit. The font size for the element is set at 20 pixels. Thus, the
line-height of 1.7 is equivalent to 34 pixels.
Some of the previous styles included the .footer-2 element as part of a few grouped se-
lectors, fixing some of the styling issues. Let's finish up our .footer-2 section, by adding
to our existing styles:
.footer-2 {
float: left;
width: 326px;
padding-top: 22px;
}
.footer-2 ul {
margin: 0 80px 0 0;
}
There's nothing new here—just some alignment corrections in harmony with what's in the
design.
And finally, here is the CSS for the last section in our footer, the “Colophon”:
.footer-3 {
float: left;
width: 232px;
color: #801c48;
padding-top: 22px;
}
.footer-3 h2, .footer-3 a {
Search WWH ::




Custom Search