icône et texte numéro css en ligne

Question

Où ont aÌ mal tourné ici

ul.bullet { list-style-image:url('../images/bullet-blue-icon.png');vertical-align:middle;line-height:16px; } 
ul.bullet li { line-height:16px;font-size:14px;} 

L'image est 16px x 16px

devrait dispplay en ligne absolutley avec le texte li donc comme celui-ci

[image] texte ici

Mais l'image est de coq,

Answer 1

Essayez de définir l'image d'arrière-plan sur LI plutôt que sur UL. Définissez ensuite la position de l'arrière-plan de l'image.

Quelque chose le long des lignes de:

ul{ 
list-style:none; 
padding:0; 
margin:0; 
} 

ul li{ 
background:url(image/path.png) left center no-repeat; 
padding-left:20px; 
} 

Je ne l'ai pas testé, mais il devrait fonctionner. Vous pouvez, bien sûr, toujours avoir margin et/ou padding sur votre UL si vous le souhaitez - c'est juste pour l'exemple.