How to shift hyperlink text to slightly to right hand side ?

Torakami

Below is my html , in this you can see my icon image and hyperlink text are very close to each other . I want to shift text of hyperlink to slightly to right hand side . I tried padding , margin everything nothing seems to b working ..
Please check image file

 <div id="leftmenu" class="leftmenu">
            <div id="panel" class="leftpanel">
                <ul>
                    <asp:Repeater ID="rptMenu" EnableViewState="false" runat="server">
                        <ItemTemplate>
                            <li>
                                <img width="26" src="../<%#Eval("MenuImage") %>" style="float: left; margin-left: 10px" />
                                <span></span>
                                <asp:HyperLink ID="HyperLink1" Text='<%#Eval("MenuName") %>' NavigateUrl='<%#Eval("URL") %>' ToolTip='<%#Eval("ToolTip") %>' runat="server">
                                </asp:HyperLink>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
        <!-- cd-panel -->