Lavorare con i margini margin in CSS
Ora analizzeremo la proprietà
margin, che imposta i margini tra
gli elementi del sito. Vediamo come
funziona nella pratica.
Per cominciare, vi mostro due blocchi
annidati l'uno nell'altro senza margin
(si compatteranno e vedremo un doppio bordo):
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
}
:
E ora impostiamo un margin di
30px al blocco interno:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 30px;
}
:
