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; }