无标题文档，这是南方周末的十大热门之一……

当选中里面的文字时，会变成这样：

很奇怪是不是？HTML是这样的：

<ul>
<li><em><i>0</i>1.<i>0</i></em>水产1…</li>
<li><em><i>0</i>2.<i>0</i></em>水产2…</li>
</ul>

这样做的原因无非就是为了对齐，我想到两个其它的解决方法：

1.

HTML:

<ul>
<li><em>1.</em>水产1…</li>
<li><em>2.</em>水产2…</li>
</ul>

Style:

em {float:left; width:30px; padding-right:10px; text-align:right;}

2.

HTML:

<ul>
<li><em>&nbsp;1.&nbsp;</em>水产1…</li>
<li><em>&nbsp;2.&nbsp;</em>水产2…</li>
</ul>

字体：使用等宽字体。

注：以上方法没有经过测试……