title: asp.net Button Image align
body: <p>I have an ASP.net button with an image. I am not nor do i want to use an Imagebutton. It is a standard asp.net button. Image loads perfect but:</p>
  
  <ol>
  <li>i would like the image to align vertically in the center of the
  button  </li>
  <li>I would like the image to be 5 px from the left edge of
  the button</li>
  </ol>
  
  <p>is this possible?
  thanks
  Damo</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;asp:Button CssClass="Button" ID="btnLogin" runat="server" Text="Login" onclick="btnLogin_Click" /&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.Button
  {
  
  
           -moz-border-radius: 5px;
           -webkit-border-radius: 5px;
           -khtml-border-radius: 5px; 
            border-radius: 5px; 
  
            text-align:left;
  
  
            padding-left:20px;       
            background-repeat: no-repeat;
            background-image: url(/assets/img/action.gif);
  
  }
  </code></pre>