HTML Listes classées horizontalement avec numérotation

Question

J'utilise une liste ordonnée pour obtenir la numérotation, ce qui fonctionne parfaitement lorsque la liste est verticale. Cependant, une fois que je l'ai fait horizontalement, la numérotation disparaît.

L'attribut d'affichage dans le CSS CSS semble être le coupable.

CSS et HTML:

#QuickSteps { 
 
    width:723px; 
 
    height:75px; 
 
    border:solid 2px #b9c7d9; 
 
    background-color:#e5ecf2; 
 
} 
 

 
#QuickSteps h2{ 
 
    padding-top:2px; 
 
    padding-left:7px; 
 
} 
 

 
#QuickSteps ol{ 
 
    color:#003366; 
 
} 
 

 
#QuickSteps li { 
 
    display:inline; 
 
} 
 

 
#QuickSteps li.selected{ 
 
    font-weight:bold; 
 
}

<div id="QuickSteps"> 
 
    <h2>5 Quick Steps</h2> 
 
    <ol> 
 
    <li class="selected">Account Info ></li> 
 
    <li>About Me ></li> 
 
    <li>Preferences ></li> 
 
    <li>Habits ></li> 
 
    <li>Your Avatar</li> 
 
    </ol> 
 
</div>

Answer 1

lieu de les afficher en ligne, vous pouvez les faire flotter

#QuickSteps li { 
    float:left; 
    margin-left:50px; 
} 

Bonne chance ...