Как заменить мою стрелку ascii на изображение?

Question

Привет, Я пытаюсь заменить мою стрелку ascii изображением стрелки, чтобы показать, что есть подменю. Я знаю, как поместить изображение слева от текста, но не вижу, как правильно поместить изображение. Я пробовал это, и мне не повезло.

Код:

<div class="clear hideSkiplink"> 
       <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" 
        EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
        <Items> 
         <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"></asp:MenuItem> 
         <asp:MenuItem NavigateUrl="~/PrizeRedemption.aspx" Text="Prize Issuance"> 
         <asp:MenuItem Text="Issue Bounty Prizes" NavigateUrl="~/IssueBountyPrize.aspx"></asp:MenuItem> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Administration" 
          Value="Administration" Selectable="False"> 
          <asp:MenuItem Text="Users" Value="Users" NavigateUrl="~/Admin.aspx?mode=users"></asp:MenuItem> 
          <asp:MenuItem Text="Prizes" Value="Prizes" NavigateUrl="~/Admin.aspx?mode=prizes"></asp:MenuItem> 
          <asp:MenuItem Text="Tournaments >" Value="Tournaments" NavigateUrl="~/IssuePrizes.aspx"> 
          <asp:MenuItem Text="Tournament Templates" Value="Tournament Templates" NavigateUrl="~/TournamentTemplates.aspx"> 
          </asp:MenuItem> 
          </asp:MenuItem> 

Answer 1

я бы, вероятно, добавить класс к MenuItem. Затем используйте CSS background-position, чтобы разместить изображение в нужном месте.

Прочтите CSS background-position documentation для получения дополнительной информации.