Att arbeta med padding i CSS
Vi har gått igenom egenskapen margin,
som skapar ett utrymme utåt från kanten.
Det finns också en väldigt liknande egenskap padding,
som skapar ett utrymme inåt från kanten.
Låt oss nu titta på exempel på hur denna egenskap fungerar. Till att börja med visar jag ett block utan utfyllnad (dess text sitter intill kanterna):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
Och nu sätter vi padding till 30px
för alla sidor:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
