Offset Demonstration

Click on an element to see its rendering context and offset relationship. This page helps demonstrate how an element becomes constrained and creates a new rendering context for the elements it contains.

This is a standard paragraph containing emphasized text.
Table Demo
Table Cell 1 Table Cell 2

Table Cell 3 Table Cell 4

Table *Demo*
Table Cell 1	Table Cell 2
Table Cell 3	Table Cell 4

Fieldset Demo

This is a fieldset.

This is a relatively positioned paragraph.

This DIV element has a constrained width and height and may display scrollbars if the contents do not fit.

This is an absolutely positioned DIV element within another absolutely positioned DIV element.

This is an absolutely positioned DIV element.