Arbejde med padding-indrykninger i CSS
Vi har gennemgået egenskaben margin,
som skaber en udadgående afstand fra kanten.
Der findes også en meget lignende egenskab padding,
som skaber en indadgående afstand fra kanten.
Lad os nu se på eksempler på, hvordan denne egenskab fungerer. Til at starte med viser jeg en blok uden indrykninger (hvor teksten sidder l op ad kanterne):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
Og nu sætter vi padding til 30px
for alle sider:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
