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.
Search WWH ::

Custom Search