Default, Relative, Absolute, and Fixed Positioning

Default Positioning

Paragraph #1 in div #1

Paragraph #2 in div #1

Paragraph #3 in div #1

Paragraph #4 in div #1

Relative Positioning (Relative to default position)

Paragraph #1 in div #2

Paragraph #2 in div #2

Paragraph #3 in div #2

Paragraph #4 in div #2

Absolute Positioning (Relative to div #3)

Paragraph #1 in div #3

Paragraph #2 in div #3

Paragraph #3 in div #3

Paragraph #4 in div #3

Fixed Positioning (Relative to browser window and fixed to browser window)

Paragraph #1 in div #4

Paragraph #2 in div #4

Paragraph #3 in div #4

Paragraph #4 in div #4


Click to validate the HTML code

Click to validate the CSS code