CSS-da turli tomonlar uchun padding.

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;
}