Relativ positionering möjliggör visuell placering av ett element i förhållande till dess ursprungliga position. Samtidigt tar inte närliggande element elementets plats.

position: relative;

Egenskaperna top, left, bottom och right kan användas för att ange den visuella förflyttningen av ett element i förhållande till dess ursprungliga position. Värdena kan vara både positiva och negativa i olika enheter (px, %, etc.). Följande exempel visar vilken effekt som kan uppnås:

Obs

Det är viktigt att nämna att det inte är nödvändigt att ange alla egenskaperna top, bottom, left och right för ett element med ett positioneringsvärde som skiljer sig från static. Det räcker att ange en egenskap för vertikal positionering (top eller bottom) och en för horisontell positionering (left eller right).