HTML and CSS Reference
In-Depth Information
To format the paragraph and list items:
1. Return to the cp_styles.css file in your text editor. Directly below the style rule
for the h2 heading you created in the last set of steps, add the following rules (see
Figure 4-52):
#story article p {
font-size: 80%;
margin: 10px;
}
#story article ul li {
font-size: 80%;
margin: 15px 25px;
}
#story article ul li strong {
font-weight: bold;
}
Figure 4-52
Formatting the paragraph and unordered list
sets the margin and
font size of the article
paragraphs
set s the font size and
margins of the list items
dis plays every strong
element in the list in
a bold font
2. Save your changes and reload cycle.htm in your Web browser. Figure 4-53 shows
the final format of the article heading and text.
Figure 4-53
Formatted article heading and text
Search WWH ::




Custom Search