Praca z wcięciami padding w CSS
Omówiliśmy już właściwość margin,
która tworzy odstęp na zewnątrz od granicy.
Istnieje również bardzo podobna właściwość padding,
która tworzy odstęp do wewnątrz od granicy.
Spójrzmy teraz na przykładach, jak działa ta właściwość. Na początek przedstawiam blok bez wcięć (jego tekst przylega do granic):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
A teraz ustawmy padding na 30px
dla wszystkich stron:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
