How to use sprites?

I have written in styles
.user_unit_bm I I. ug
{
 background: url(/resources/img/unit_ug.png) no-repeat top left;
padding:0px;
float:none;
display:block;
 margin:0 auto;
}
.user_unit_bm I I. ug.unit_UG_10_m{ background-position: 0 0; width: 35px; height: 23px; } 
.user_unit_bm I I. ug.unit_UG_11_m{ background-position: 0-24px; width: 35px; height: 23px; }


How could you make appeal to alemitu sprite in code? Thanks in advance.

The whole style pastebin.com/SZDVaP90
The sprites start at line 4372
July 9th 19 at 11:07
2 answers
July 9th 19 at 11:09
Solution
<div class="user_unit_bm">
<i>
 <i class="ug unit_UG_10_m"></i>
</i>
</div>
Thank you!!!!!!! - Brody_Dickins commented on July 9th 19 at 11:12
July 9th 19 at 11:11
<div class="I ug unit_UG_9_m"></div>
not working. - Brody_Dickins commented on July 9th 19 at 11:14

Find more questions by tags CSS