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

в каком браузере вы смотрите –

Вы ничего, кроме ширины и дисплей не нужно, на самом деле:

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

Tested, это работает для меня в IE9, Chrome и Firefox.

источник

2012-01-05 21:23:11 jadarnel27

Orderedlist номер позиции

ответ

Смежные вопросы