CSS Positioning: Static, Relative, Absolute, Fixed

Learn about different CSS positioning schemes: static, relative, absolute, and fixed. Understand how they affect element placement.


Relative Positioning Example

This is a normal element.
This element is relatively positioned.
This is another normal element. Notice how it's not affected by the relative element.

CSS Basics Examples

This is a paragraph of text. Here's some highlighted text.

This is a box. It has width, height, border, padding, and margin.

This text is styled with font size, font style, and text decoration.