Head First HTML with CSS

more absolute positioning
528 Chapter 12
Holy beans! Starbuzz just won
the Roaster of the Year Award.
This is huge. Can we get it on the
page front and center? All our
customers need to see this. Top
priority, make it happen!
The award.
Well, we could just throw this as an image into any old
paragraph on the page, but the CEO really wants this to be
noticeable on the page. What if we could place the award
on the page like this?
Not only does that look great,
but it’s exactly what the
CEO wants. But how? Well,
you know all about absolute
positioning now, so why not
position the image on the
page using that? After all, by
using absolute positioning
you can place it anywhere on
the page you want, and since
it isn’t in the flow it won’t
affect any other element on
the page. Seems like an easy
addition to make to the page
without disrupting what’s
already there.
Let’s give it a try. Start by
adding a new , just
below the header (the CEO
thinks this is pretty important, so it should be up high in the
order of content). Here’s the
The
contains the
image of the
award.