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