Suggest an editImprove this articleRefine the answer for “What does position: relative do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`position: relative`** keeps the element in the normal flow but lets you shift it relative to its own initial position using `top`, `right`, `bottom`, `left`. **Key point:** the element stays in the flow but can be shifted relative to its initial position, and it becomes a reference point for nested `position: absolute` elements.Shown above the full answer for quick recall.Answer (EN)Image`position: relative` keeps the element in the normal flow but lets you **shift it relative to its own initial position** using `top`, `right`, `bottom`, `left`. Features: - the element **stays in its place in the flow** and does not logically overlap its neighbors; - the shift happens **visually**, but the space reserved for the element stays in its original place; - the element becomes a **reference point for absolute positioning** of nested `position: absolute` elements. Example: ```css div { position: relative; top: 10px; /* shift down */ left: 20px; /* shift right */ } ``` Summary: `relative` is a mode in which the element stays in the flow but can be shifted relative to its initial position.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.