Absolute Positioning

You can use the position property to set the position of elements in a Web page. I'll take a look at positioning items in absolute terms in this section and in relative terms in the next section. Here are the properties you commonly use when working with positioning:

  • position— Can hold values such as absolute and relative

  • top— Specifies the offset of the top of the element

  • bottom— Specifies the offset of the bottom of the element

  • left— Specifies the offset of the left edge of the element

  • right— Specifies the offset of the right edge of the element

In this example, I'll set the absolute position of the image we used in the previous example so that it's directly on top of the text:

Listing . ch09_22.css
 TITLE {display: block; ...

Get Real World XML now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial