# Positioning: relative and absolute

Nudge an element from its normal place with position relative, and pin one to a corner of its parent with position absolute, the pattern behind every badge, close button and photo caption on the web.

![Cheat sheet: Positioning: relative and absolute](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/78bf54ae0f3a4641b7233abbcf537bf1.webp)

- Category: CSS
- Level: Apprentice
- Tags: Absolute positioning, Containing block, CSS, Inset, Positioning scheme, Relative positioning
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-position-relative-and-absolute-cheat-sheet