Pozycjonowanie umożliwia precyzyjne umiejscowienie elementów na stronie.

Pozycjonowanie ustalamy za pomocą position.

selektor { position: wartość; }

Właściwość position może przyjmować wartości:

• absolute - element znajduje się w miejscu zdefiniowanym przez wartości left, right, top, bottom względem bloku, w którym został umieszczony
• relative - definiowana na podstawie rzeczywistego umiejscowienia na stronie, przesuwanie następuje za pomocą wartości left, right, top, bottom
• fixed - pozycja ustalana względem okna przeglądarki, przesuwanie następuje za pomocą wartości left, right, top, bottom
• static - wyłączenie pozycjonowania

ABSOLUTE

p { position: absolute; top: 25px; left: 270px; font-weight: bold; }

RELATIVE

p { position: relative; left: 80px; }

FIXED

p { position: fixed; }

STATIC

p { position: static; }

ŹRÓDŁO