2010-12-13 47 views
2

Essayer d'ajouter un bord inférieur: 1px solid #ccc à un li dans un ol.Ajout d'une bordure inférieure à un li dans un ol

Je veux que le numéro de l'ol soit à l'intérieur de la bordure et non à l'extérieur. En ce moment, la frontière n'est pas en dessous des chiffres.

J'ai ces classes définies maintenant:

ol {padding:0 0 0 30px;margin:0;} 
ol li {font-size:15px;font-weight:bold;color:#666;border-bottom:1px solid #ccc;padding:0 0 15px;margin:0 10px 15px 0;} 

veulent Fondamentalement 15px de rembourrage autour de la li et les frontières à la largeur de l'ol.

Toute direction sur ce serait génial merci!

Répondre

16

Je pense que vous voulez ajouter

list-style-position: inside; 

à votre style ol li ou ol.

+1

Merci de l'avoir fait ... ne savait pas à ce sujet. – estern

+0

plaisir! J'ai perdu des heures plus d'une fois ... – jackreichert

+0

Il semble y avoir un problème dans ie7 maintenant avec cette propriété css – estern