css - ul 标签中的对齐文本

Question

我使用 ul 和 li 标签显示文本。

<ul class="archive-item-list-pt">
    <li><a href="/blogs/2012/9/22/reading-and-writing.html">Reading and writing</a></li>  
    <li><a href="/blogs/2012/9/22/celebrations-arent-what-they-used-to-be.html">Celebrations aren’t what they used to be</a></li>
</ul>

如果文本很长，它会显示(圆盘)下方的文本。我想对齐第一行和第二行。

Answer 1

您应该设置 list-style-position到外面:

.archive-item-list-pt {
    list-style-position: outside;
}

这是 fiddle :http://jsfiddle.net/qMM5x/

---

或者使用速记属性:

.archive-item-list-pt {
    list-style: square outside;
}

这是 fiddle :http://jsfiddle.net/nfYVP/