Orderedlist號位置

我要實現這一點：Orderedlist號位置

1.Rod The lazy dog. 
2.Jane The lazy cat. 
3.Freddy The active goldfish.

不過，我得到這個：

Rod  1. The lazy dog. 
Jane  2. The lazy cat. 
Freddy 3. The active goldfish.

這是我的html：

<head> 
<title></title> 
<style type="text/css"> 
    span 
    { 
     width: 60px; 
     display: block; 
     float: left; 
     clear: left; 
    } 
</style> 
</head> 
<body> 
    <ol> 
     <li><span>Rod</span> The lazy dog.</li> 
     <li><span>Jane</span> The lazy cat.</li> 
     <li><span>Freddy</span> The active goldfish.</li> 
    </ol> 
</body> 
</html>

我能做些什麼來定位列表編號在開始？

來源

2011-01-26 MightyAtom

你在瀏覽什麼瀏覽器 – 2011-01-26 09:18:20

你不需要任何東西，但寬度和顯示，實際上是：

span 
{ 
    width: 60px; 
    display: inline-block; 
}

Tested，這對我的作品在IE9，Chrome瀏覽器和Firefox。

來源

2012-01-05 21:23:11 jadarnel27

Orderedlist號位置

回答

相關問題