blockquote.floatRight p {
text-align: center;
background: none;
padding: 0;
}
Adding reference citations
The blockquote element can have a cite attribute, and the content from this attribute
can be displayed by using the following CSS rule. Note, however, that at the time of writing,
this doesn??™t work in Internet Explorer.
blockquote[cite]:after {
display : block;
margin : 0 0 5px;
padding : 0 0 2px 0;
font-weight : bold;
font-size : 90%;
content : "[source: "" " attr(cite)"]";
}
Working with lists
This chapter concludes with the last of the major type elements: the list. We??™ll first look at
the different types of lists??”unordered, ordered, and definition??”and also see how to nest
them. Then we??™ll move on to cover how to style lists in CSS, list margins and padding, and
inline lists.
THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
106
Unordered lists
The unordered list, commonly referred to as a bullet point list, is the most frequently seen
type of list online. The list is composed of an unordered list element (
) and any
number of list items within, each of which looks like this (prior to content being added):
. An example of an unordered list follows, and the resulting browser display is
shown to the right. As you can see, browsers typically render a single-level unordered list
with solid black bullet points.
- List item one
- List item two
- List item 'n'
Ordered lists
On occasion, list items must be stated in order, whereupon an ordered list is used.
Pages:
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183