在由文本和图像组成的html标签中隐藏文本

我有以下标签：

<label for="payment_method_new">
New <img src="www.example.com/img.png"/>    
</label>

新的

我想做的是只隐藏标签内的文本，而是显示图像

非常感谢您的帮助或指导。

您可以使用这种风格

首先使用

隐藏

或

折叠

隐藏标签内容，然后使用

可见

显示图像：

label[for="payment_method_new"]{
    visbility: collapse;
}
label[for="payment_method_new"] img{
    visibility: visible;
    float: left;
}

#隐藏{
能见度：塌陷；
}
#隐藏img{
能见度：可见；
}

新的

是否有任何特定目的，首先在标签中写入文本“New”，然后将其隐藏

还有另一种方法可以在html代码中保留图像和文本，但仍然不显示文本-

<img src="www.example.com/img.png" alt="New" />

非常感谢，这很有效，但文本仍然占据了空间。有没有办法让img出现在标签的开头？非常感谢，这很有效，但文本仍然占据了它的空间。有没有办法将img放在标签的开头？