Kufanya kazi na viingilio padding katika CSS
Tumekwisha kuchambua sifa margin,
ambayo hutoa kiingilio nje kutoka kwa mpaka.
Kuna pia sifa padding inayofanana sana,
ambayo hutoa kiingilio ndani kutoka kwa mpaka.
Wacha sasa tuangalie kwa mifano, jinsi sifa hii inavyofanya kazi. Kwanza nitaonyesha kizuizi bila viingilio (maandishi yamegandamana na mpaka):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
Sasa tuweke padding kwa 30px
kwa pande zote:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
