The solution is to go back to the graphics application where you designed the
bullet graphic and chop off the bottom of the graphic, thereby lowering it.
This is illustrated in Figure 12-4:You cannot resize the list-style-imagesusing, for example, heightand
widthproperties. Instead, you must resize your image in a graphics applica-
tion such as Photoshop.Positioning lists .................................................................................
If you want to adjust the way your bulleted or numbered lists indent (when a
list item contains multiple lines of text), you can specify insideor outside
values for the list-style-positionproperty. The effect is relatively minor,
but if you specify the insidevalue, you get a drop cap-like effect — nesting
the bullets or numbers within the text — as shown in Figure 12-5:Figure 12-4:
Adjust the
white space
around
a bullet
graphic to
reposition
it in the
Web page.
Figure 12-3:
Unfortun-
ately, these
bullets
are not
centered;
they’re a
bit too high.