CSS固定宽度跨度

Question

有固定跨度的一个例子，我需要：CSS fixed width in a span

报价：

<li><span></span> The lazy dog.</li> 
<li><span>AND</span> The lazy cat.</li> 
<li><span>OR</span> The active goldfish.</li> 

和笔者想：

The lazy dog. 
AND The lazy cat. 
OR The active goldfish. 

但如果我有很长左部分：

    The lazy dog. 
ANDDDDDDDDDDDDDD The lazy cat. 
OR    The active goldfish. 

但我真的需要：

    The lazy dog. 
ANDDDDDDDDDDDDDD The lazy cat. 
       OR The active goldfish. 

这可能吗？

Answer 1

像这样的事情会为你工作
尝试模仿表显示

li{ 
    display:table-row;   
} 
li span{ 
    display:table-cell; 
    text-align:right; 
    padding-right:5px; 
} 

demo