CSS에서 오른쪽 여백을 가진 블록 요소 정렬하기
필요한 경우 오른쪽 여백을 설정할 수 있으며, 요소는 오른쪽 경계에 바짝 붙지 않고 그로부터 떨어져 위치하게 됩니다:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto;
margin-right: 20px; /* 오른쪽 여백 설정 */
height: 100px;
width: 200px;
border: 1px solid green;
}
:
