정렬 된 목록 - html : 이미지의 중간 높이에서 점 (ol {style-list : disc;}) 위치를 만드는 방법은 무엇입니까?

Question

정렬 된 목록 - html : 이미지의 중간 높이에서 점 (ol {style-list : disc;}) 위치를 만드는 방법? 포인트 이미지의 하단에 위치하지 미들

예 :

---

예의 코드

<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> 

이미지 높이의 중간에서 그 지점을 볼 수있는 이미지 또는 점 위치를 이동하려면 해당 위치로 이동하십시오.

편집 : 내가 사용하는 배경 지점 이미지가없는 방법을 찾고 있어요이 옵션은 CSS에 총알이 떨어져

Answer 1

의 전원을 켜고 존재하고 대신 < 리 >에 CSS 속성으로 이미지를 사용하는 경우 : 당신은 그냥 총알을 표시하고 있기 때문에

또한

ol { 
    list-style: none; 
} 

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

, 그것은 정렬되지 않은 목록을 <UL>를 사용하는 것이 더 의미가있다.

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

다음이 CSS 추가 : 모든

Answer 2

첫째,이 같은 대신 OL의 UL 할

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