Lavorare con i padding in CSS
Abbiamo già analizzato la proprietà margin,
che crea un margine verso l'esterno dal bordo.
Esiste anche una proprietà molto simile padding,
che crea un margine verso l'interno dal bordo.
Ora diamo un'occhiata a degli esempi di come funziona questa proprietà. Per cominciare, ecco un blocco senza margini interni (il testo è attaccato ai bordi):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
E ora impostiamo padding a 30px
per tutti i lati:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
