Margin xossasi nafaqat chekkalarni belgilash, balki blok elementlarini markazlashtirish uchun ham ishlatiladi. Buni amalga oshirish uchun o'ng va chap chekkalar avtomatik tarzda o'rnatilishi kerak.
Quyidagi misolda ichki blok markazlashtiriladi:
<div class="parent">
<div class="child"></div>
</div>
.parent {
border: 1px solid red;
}
.child {
height: 100px;
width: 200px;
border: 1px solid green;
margin: 10px auto;
}
Shuni yodda tutingki, faqat blok elementlari shu tarzda, faqat gorizontal ravishda va faqat kenglik berilgan taqdirda markazlashtirilishi mumkin.
Agar bizga har xil yuqori va pastki chegaralar kerak bo'lsa, biz buni quyidagicha yozishimiz mumkin: