CSS - 오른쪽 패딩의 배경 이미지

Question

나는 오른쪽 패딩 20px의 a 태그가 있습니다. 이 이미지의 오른쪽 부분 만 패딩 안의 배경으로 넣을 수 있습니까? 지금은

CSS 규칙 :

.mali_oglas_kontrola a {padding-right: 20px } 
.mali_oglas_kontrola a:first-of-type {background: url('../img/resursi/mgl_kontrola.png') no-repeat -17px 0;background-position: right top} 
.mali_oglas_kontrola a:first-of-type:hover {background: url('../img/resursi/mgl_kontrola.png') no-repeat -17px -20px; background-position: right} 

Answer 1

당신은 할 수 없습니다 ..

당신의 a 태그 안에 다른 요소를 삽입 아이콘을 개최한다 ..

<a href="...">whatever <i></i></a> 

및

.mali_oglas_kontrola a i{ 
    display:inline-block; 
    width:..;/*exact width of icon*/ 
    height:..;/*exact height of icon*/ 
    background: url('../img/resursi/mgl_kontrola.png') no-repeat right top; 
} 
.mali_oglas_kontrola a:hover i{ 
    background-position: right -20px; 
}