HTML and CSS Reference
In-Depth Information
margin: 0;
padding: 0;
}
Next, we'll correct the text styles for the
.footer-1
and
.footer-2
elements, which
hold the sections called “Recipe Categories” and “Contributors”:
.footer-1 h2 {
font-size: 36px;
}
.footer-1 ul, .footer-2 ul {
text-align: center;
font-size: 20px;
line-height: 1.7;
}
.footer-1 li {
float: left;
width: 195px;
}
.footer-1 ul a,
.footer-2 ul a {
color: #ab97a0;
}
Notice that, here, we're taking full advantage of grouped selectors and descendant combinat-
ors. We've also added a float to the list items in the
.footer-1
section. This helps get the
two-column look that we see in the original Photoshop design.
The
line-height
Property
Thechunkofcodeinthepreviousblockaddsanewproperty:
line-height
.Thisproperty
defaults to a value of “
normal
” and is used to define the height of each line of text in the
targeted section of the page.
line-height
is the web page equivalent to the printing in-
dustry's
leading.