중간 슬래시 이미지를 링크로 정렬하는 방법은 무엇입니까?

Question

이 CSS 코드는 http://jsfiddle.net/989Pd/입니다. 여기서 슬래시 이미지는 텍스트 높이의 중간에 있어야합니다. 내가 어떻게 해?

<div class="menu"> 
<div class="pedio940"> 
<ul> 
<li><a href="#">Αρχική</a></li> 
<li><a href="#">Προσθήκη RSS</a></li> 
<li><a href="#">Επικοινωνία</a></li> 
</ul> 
</div> 
</div> 

Answer 1

대신의 배경 이미지로 슬래시를 만드는 높이를 조절 인라인 요소로 만들고 CSS 사용할 수 있습니다 vertical-align:middle를.

.menu ul li:after { 
    content:url("http://i.imgur.com/uB4Gz.png"); 
    display:inline; 
    vertical-align:middle 
} 

데모 : http://jsfiddle.net/989Pd/8/

편집 : 너의 왼쪽에, 나의 오른쪽에 있습니다. 그 차이를 보여주기 위해 빨간 선을 그린 것입니다. 그들은 동일하지 않습니다.

Answer 2

당신은의 li

http://jsfiddle.net/989Pd/3/

Answer 3

이 같은 배경 최고 값에 넣어 : http://jsfiddle.net/989Pd/9/