HTML and CSS Reference
In-Depth Information
width: 232px;
We'll also add a little padding to the left side of the .footer-inside element, which
holds the three footer sections:
.footer-inside {
padding-left: 40px;
This aligns the left side of the footer content with the content above it. Figure 2.13 shows
how our footer will look after we add these layout styles.
Figure 2.13. Our footer after adding floats and widths to the three sections inside the footer
Laying out the “Most Popular” Recipes
Finally, we have one more layout-related issue to work out—specifically the section in our
sidebar called “Most Popular.” We're again going to incorporate floats to deal with this. Fig-
ure 2.14 shows what this section looks like in our original design.
Search WWH ::

Custom Search