Is it possible to get make left padding like this, without changing HTML?

Question

How to achieve this with this code.

<a href="#">Click to Donate to save rabits</a>

a {background:url(rabit.gif); padding-left:70px}

I'm getting like this.

I know it's possible if with change in HTML , but is it possible to achieve this with this code.

Answer 1

How about:

<a href="#"><img src="rabit.gif" />Click to Donate to save Rabits</a>

and then:

img {float: left}

Answer 2

try this

a {
    background:url(rabit.gif) no-repeat; 
    padding-left:70px; 
    width:50px; 
    font:bold 20px Arial, Helvetica, sans-serif; 
    float:left;
    height:194px;
}

html

<a href="#">Click to Donate to save rabits</a>