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为outside：

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

这是小提琴：http: //jsfiddle.net/qMM5x/

---

或者使用简写属性：

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

这是小提琴：http: //jsfiddle.net/nfYVP/