Sitepoint ribbons using ::after pseudo-element

(Note for CSS3 pseudo-elements have the double colon ::, while pseudoclasses are still e.g. li:hover)

This is the ribbon

Tutorial link

I changed a few things, notably padding: on the wrapper div. That gets inherited, so I had to adjust the negative margin on the h2 (take a look—a 30px change).