Moving the image to right in CSS

I'm very new to web development, I have a code like this :\[code\]<style type="text/css"> span { background:red; background: transparent url(../images/skin/exception.png) 0.4em 100% no-repeat; }</style> <span> Contents. </span>\[/code\]I get the output but the image is been placed over \[code\]Contents\[/code\] text. I tried with :\[code\] background-position: 25px;\[/code\]But that is making the image to disappear! But what I was looking for is :\[code\]Contents . . . . . . . . . . . . . my_image\[/code\](note that \[code\].\[/code\] in above is space)Where I'm making the mistake?Thanks in advance.
 
Back
Top