Liste ordonnée - html: Comment positionner le point (ol {style-list: disc;}) à mi-hauteur de l'image?

Question

Liste ordonnée - html: Comment positionner le point (ol {style-list: disc;}) à mi-hauteur de l'image?

l'exemple où le point situé en bas de l'image et non pas au milieu:

---

Le code d'exemple

<ol style="style-list:disc;"> 
<li><img src="https://t2.gstatic.com/images?q=tbn:MezWc3ku_XBiwM:http://www.whereisacar.com/images/cars/bill-gates-car.jpg"></li> 
<li><img src="https://t0.gstatic.com/images?q=tbn:98OwBE0-icyCNM:http://www.comparecheapinsurance.com/car-insurance/images/car-insurance-policy.jpg"></li> 
</ol> 

Mon objet permet de déplacer une image ou une position de point qui apparaîtra au milieu de la hauteur de l'image.

Edit: Je cherche la voie sans image utilisation du point d'arrière-plan, si cette option existe

Answer 1

Éteignez la balle dans le CSS et utiliser à la place une image comme une propriété CSS sur le <li> :

ol { 
    list-style: none; 
} 

li { 
    background: url(bullet.gif) no-repeat 0 50%; 
} 

de plus, puisque vous montrer juste des balles, il serait plus logique d'utiliser une liste non ordonnée <ul>.

Answer 2

Tout d'abord, faire ul au lieu de ol, comme ceci:

<ul class="images"> 
<li><img... 
<li><img... 
</ul> 

ajouter ensuite ce CSS:

ul.images img { 
    vertical-align: middle; 
}