<style type='text/css'>
#span1{
background-image:url("http://www.reoiv.com/images/rss.jpg");
background-repeat:no-repeat;
cursor:pointer;
display:block;
float:left;
height:15px;
width:15px;
vertical-align:text-bottom;
}
</style>
<span id='span1'></span>觀看次數
My goal is to achieve the vertical align effect using text-bottom on an element with a background image. However, when I try this method, the text does not align correctly as desired. If you input the provided code on this website: , you will notice the misalignment.
I am seeking advice on how to accomplish this without adding extra HTML elements if possible.
Thank you in advance for your help!