CSS : 배경 이미지에 패딩 추가

Question

배경 이미지가있는 클래스에 패딩을 추가해야합니다. 그러나 이렇게하면 패딩이 배경 이미지에 추가되지 않고 앵커 만 추가됩니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 내 CSS는 다음과 같습니다.

.heart { 
    width:200px; 
    height:18px; 
    background:url(/images/content/digital-learning/course-library/sprite-favorites.png) 0px 18px repeat-y; 
    padding-left: 20px; 
    display:block; 
} 

Answer 1

대신 margin-left: 20px;을 사용해보세요.

Margin은 컨테이너 외부에 있으며 padding은 컨테이너 안에 있으므로 패딩은 컨테이너의 배경을 움직이지 않습니다.