案例：CSS3 案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
<head>
3
<style type="text/css">
4
ul.inside
5
{
6
list-style-position: inside
7
}
8
​
9
ul.outside
10
{
11
list-style-position: outside
12
}
13
</style>
14
</head>
15
​
16
<body>
17
<p>该列表的 list-style-position 的值是 "inside"：</p>
18
<ul class="inside">
19
<li>Earl Grey Tea - 一种黑颜色的茶</li>
20
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
21
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
22
</ul>
23
​
24
<p>该列表的 list-style-position 的值是 "outside"：</p>
25
<ul class="outside">
26
<li>Earl Grey Tea - 一种黑颜色的茶</li>
27
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
28
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
29
</ul>
30
</body>
31
</html>
32
​