Position: relative

(P1) Con esta propiedad desplazamos un elemento de la posición que ocuparía normalmente.

(P2) A continuación, vamos a repetir este párrafo y el anterior (marcados P1 y P2) pero usaremos las siguientes propiedades para P2:

.p2 {position: relative;
     top: -2em;
     left: 80px; }

(P1) Con esta propiedades desplazamos un elemento de la posición que ocuparía normalmente.

(P2) A continuación, vamos a repetir este párrafo y el anterior (marcados P1 y P2) pero usaremos las siguientes propiedades para P2:

.p2 {position: relative;
     top: -2em;
     left: 80px; }

Podemos observar en el segundo caso cómo P2 ha sido desplazado de su posición normal. Con top: -2em y left: 80px, lo movemos 2em hacia arriba (superponiéndolo en parte con P1) y 80px hacia la derecha. Sin embargo, no afecta la posición del elemento siguiente (el elemento PRE, en rojo) que viene a continuación y que mantiene su ubicación normal.