This code produces the inside effect shown in Figure 12-5:
ul {list-style-position: inside}
The default is the outside position, shown in Figure 12-6.
Why is the style displayed in Figure 12-6 (the default) the most popular? It
looks better, and it helps the reader in the same way bullets and numbers are
supposed to: helping them quickly recognize the items in the list.
Figure 12-6:
This default
indent style
is the one
almost
always
used in
books and
magazines.
Figure 12-5:
Use
the inside
value with
the list-
style-
position
property to
move the
second line
of text over
to the left.
212 Part III: Adding Artistry: Design and Composition with CSS
