(CSS newbie)

I want every <h2> text to be followed by an icon, kinda like:

Heading 2 >>

(where >> is an image). is it possible to set this using a CSS rule?

Thanks for any feedback

You could use

h2 {
	position:relative;
	background-image: url(image_url);
	background-repeat: no-repeat;
	background-position: right center;
}

Not forgetting of course that as <hn> are block level tags they will be as wide as the parent container.

cheers for that chris.

The problem like u said is that the images can appear miles after the end of the heading. 1 solution is to right-align the text and give it padding, however right aligned aligned text is not good on my site so i just put the image before the text then put in some left padding.

>> Header 2

Is it possible to indent the bg image a varibale amount, depending on the length of the text? I woul guess not.......

OK, this little rule works a treat:

h2:after {
content: url("../i/header.jpg");
}

but not in IE, darn.