O'Reilly logo

Real World XML by Steven Holzner

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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; ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required