bugl
bugl
HomeLearnPatternsPathsSearchPremium
HomeLearnPatternsPaths

Loading lesson path

Learn/CSS/CSS Foundations
CSS•CSS Foundations

CSS Position Offsets

Positioning with top, right, bottom, and left

The top , right , bottom , and left properties are used to position elements.

These properties only work on positioned elements (elements with position set to relative , absolute , fixed , or sticky ).

Positioning Text On an Image

How to position text on an image:

All CSS Positioning Properties

PropertyDescription
bottomSets the bottom margin edge for a positioned box
clipClips an absolutely positioned element
leftSets the left margin edge for a positioned box
positionSpecifies the type of positioning for an element
rightSets the right margin edge for a positioned box
topSets the top margin edge for a positioned box

Previous

CSS Sticky Positioning

Next

CSS The z-index Property