2012-02-15 11 views
0

이 텍스트가 이미지 중간에 왜 나타나지 않는지 이해할 수 없습니다. 아래의 스크린 샷을 확인, 하나, 하나를하지 강조 :텍스트와 텍스트 정렬 CSS

image highlight

내가 호주 (화살표로 정렬 된) 이미지의 중간에 줄 수있는 단어를 원한다. 하이라이트에서 볼 수 있듯이 문제가되는 이미지의 높이가 아닙니다.

나는 수직 정렬을 시도 : 중간 도움이되지만 그것을 볼 수 있습니다 완벽하지 않습니다!

감사합니다.

+0

div에 텍스트를 배치하고 원하는 위치를 얻을 수 있도록 패딩 깔창을 적용하십시오. – Cristy

+2

텍스트 div의 선 높이를 이미지와 동일한 높이로 설정하는 것이 때때로 도움이 될 수 있습니다. 그래도 코드를 게시하면 어떤 일이 벌어지는 지 쉽게 알 수 있습니다 ... – ellawren

+0

가능하면 패딩보다 라인 높이를 사용합니다. – danwellman

답변

2

링크 인 경우 CSS 배경을 사용하십시오. 아래 값을 추측하고 있지만 상황에 맞게 조정할 수 있습니다.

A.aus { 
    background-image:url(../images/aus.png); 
    background-position:0px 1px; 
    display:block; 
    height:40px; 
    padding-left:60px; 
    margin-top:3px; 
    font-size: ....etc.... 
} 
+0

당신은 영웅입니다. 최고 작품 –