Style sheets may be used to position individual HTML elements.

This positioning may be either absolute (measured from the top left corner of the frame) or relative (measured from where the element would normally appear). If relative, then a gap is left in the page where the object would normally appear.

For example, here is an inline image: logo It appears within the line of text. Note that no positioning information was given at all; such elements are said to use static positioning.





Here is another inline image, using relative positioning: logo It appears 50 pixels above and to the right of where it normally would, and there is an empty space in the text where it would otherwise have appeared.

Here is an inline image, using absolute positioning: logo It appears 50 pixels from the left edge of the frame, and 620 pixels from the top edge. No gap is left in the text for absolutely positioned objects.

Finally, here is an inline image, fixed on the page: logo It should appear 250 pixels from the left edge of the frame, and 620 pixels from the top edge. No gap is left in the text, and if the contents of the rest of the window are scrolled, this stays put. However, not all browsers recognize the fixed attribute, and those that do not will treat this option as static instead. In particular, this is what Internet Explorer appears to do.