HTML.it - Guida CSS di base - Il posizionamento relativo

`position: relative`

Questo box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originaria.

.box-1 {
 width: 400px;
 height: 300px;
 padding: 10px;
 border: 1px solid #002c53;
 background: #568ec0;
 position: relative;
 top: -20px;
}

Questo box con posizionamento relativo è traslato (spinto) di 50px sul lato sinistro rispetto alla sua posizione originaria.

.box-2 {
 width: 400px;
 height: 300px;
 padding: 10px;
 border: 1px solid #002c53;
 background: #568ec0;
 position: relative;
 left: 50px;
}