Posicionamento relativo permite posicionar visualmente um elemento em relação à sua posição original. Ao mesmo tempo, os elementos vizinhos não ocupam o lugar do elemento.

position: relative;

É possível utilizar as propriedades top, left, bottom e right para indicar o deslocamento visual de um elemento em relação à sua posição inicial. Os valores podem ser positivos ou negativos em diferentes unidades (px, %, etc.). Veja o exemplo a seguir para observar o efeito obtido:

Nota

É fundamental mencionar que não é necessário especificar todas as propriedades top, bottom, left e right para o elemento com valor de position diferente de static. Basta definir uma propriedade para o posicionamento vertical (top ou bottom) e uma para o posicionamento horizontal (left ou right).