왼쪽과 오른쪽에서 최소 여백으로 중앙에 위치 이미지

Question

내 웹 페이지에 이미지를 삽입하고 있습니다. 나는 센터에서 그것을 좌우로 10px의 최소 마진으로 위치시키고 자한다. 또한 용지 너비에 따라 너비가 유지되어야합니다. margin: 0 auto은 가운데에 위치 시키지만 양측으로부터 최소 20px의 여유를 유지하지는 않습니다.

어떻게 목표를 달성 할 수 있습니까?

Answer 1

CSS

div{ 
    margin-left: 10px; 
    margin-right: 10px; 
} 
img{ 
    margin: 0 auto; 
} 

HTML

<div> 
    <img src="image.png"/> 
</div>