Margin uchun bo'lgani kabi, padding uchun ham alohida tomonlar uchun xususiyatlar mavjud: padding-left, padding-right, padding-top va padding-bottom.
Keling, ularning ishlarini ko'rib chiqaylik:
<div id="elem">
some text...
</div>
#elem {
padding-top: 10px; /* tepadan */
padding-right: 20px; /* o'ngdan */
padding-bottom: 30px; /* pastdan */
padding-left: 40px; /* chapdan */
width: 300px;
border: 1px solid red;
text-align: justify;
}