html - 如何排列列表中的每个单词，以便条目水平地从同一点开始？

Question

这是我对 previous SO question 稍作改动的示例: 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>