Static Positioning

Note that the position attribute for the outer div is set to relative.

In this example all the content is placed inside a div styled with an ID called #wrap (marked by the dotted gray line) that has its position attribute set to relative. Placed right here small kipple sticker inside the text is an image. The image is styled with one of four classes depending on what positioning value is being demonstrated. All four classes have the same settings except for the position value:

top: 20px;
left: 20px;
border-style: solid;
border-width: 1px;

This example shows how the different positional values changes the position of the image.