Căn chỉnh phần tử khối với khoảng đệm bên phải trong CSS
Nếu cần thiết, bạn cũng có thể đặt khoảng đệm bên phải và phần tử sẽ không bị ép sát vào biên phải, mà sẽ lùi ra từ nó:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto;
margin-right: 20px; /* đặt khoảng đệm bên phải */
height: 100px;
width: 200px;
border: 1px solid green;
}
:
