Putting the coupon on the page

Now we’re going to get the Free Coffee Coupon on the page. Let’s start by creating a <div> for the coupon to go into:

Go ahead and add this <div> at the bottom of your “index.html” file, just below the footer. Because we’re going to position it, the placement in the XHTML will only matter to browsers that don’t support positioning, and the coupon isn’t important enough to have at the top.

Now let’s write the CSS to position the coupon: