如何排列列表中的每个单词,以便条目在水平方向上从同一点开始？

Question

这是一个例子,我从以前的SO问题略有改变:http: //jsfiddle.net/tPjQR/72/

ol {
    font-family: Georgia, serif;
}
ol span {
    font-family: Arial, sans-serif;
    font-size: 17px
}

<ol>
    <li><span>Entry one</span></li>
    <li><span>Entry two</span></li>
    <li><span>Entrye three</span></li>
    <li><span>Entry five</span></li>
    <li><span>Entry six</span></li>
    <li><span>Entry Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long</span></li>
</ol>

我想排列这些列,这样,无论一列中有多少文本,每列的第一个字符都会排成一行.

例如

不

Entry one
Entry two
Entrye three
Entry five
Entry six

宁

Entry  one
Entry  two
Entrye three
Entry  five
Entry  six

有没有办法用列表项执行此操作,还是需要使用表？

Answer 1

使用以下代码来获得该设计......

li span {
    display:inline-block;
    width: 25%;
}

<ol>
    <li><span>Entry</span> one</li>
    <li><span>Entry</span> two</li>
    <li><span>Entrye</span> three</li>
    <li><span>Entry</span> five</li>
    <li><span>Entry</span> six</li>
</ol>