Using the background image in: after the Pseudo class

Question

I need to show the badge after the H3 tag. Below is the code I'm using. But it does not work;

h3:after{ content: ""; background: url(down-arrow.png) no-repeat 0 0; width:24px; height:24px; color:#666666;}. 

Answer 1

You need display: block or display: inline-block .

Working example: http://jsfiddle.net/wH7gp/