HTML.it - Guida CSS di base - Box model

Calcolo dei margini verticali

Questo box ha un margine inferiore di 20px.

Questo box ha un margine superiore di 50px. La distanza tra i due box sarà di 50px e non di 70px.

.box-1 {
 width: 400px;
 height: 200px;
 padding: 10px;
 border: 5px solid #002c53;
 margin-bottom: 20px;
 background: #568ec0;
}
.box-2 {
 width: 400px;
 height: 200px;
 padding: 10px;
 border: 5px solid #002c53;
 margin-top: 50px;
 background: #568ec0;
}