是否可以像这样制作左边填充，而不更改HTML？

Question

alt text http://shup.com/Shup/372594/110528103234-My-Desktop.png

如何使用此代码实现此目的。

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

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

我是这样的。

alt text http://shup.com/Shup/372599/110528103631-My-Desktop.png

我知道如果改变了HTML，可能会使用此代码实现此目的。

Answer 1

试试这个

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>

Answer 2

怎么样：

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

然后：

img {float: left}