Question

I am using ASP.NET in my project. In that I have add a Button With Background Image.

But Image is Locating on Button Left Site As the Below Image Show. I want to make This Image in Very near to the Text.(As I Marked). The Text is in Center of the Button. Is any Way to Do This?.,

COde –

<asp:Button ID="btnKotAdd" runat="server" Text="Kot Addtion"  
                     onclick="btnKotAdd_Click" 
                     style="margin-left: 10%; background-image: url('Images/add.png'); background-repeat:no-repeat; height:35px;"  

                     width="80%" Font-Overline="False" />

Thanks In advance.

Answer 1

You have to adjust the background-position of your button image as per your requirement. like this:

  style="margin-left: 10%; 
  background-image: url('Images/add.png'); 
  background-repeat:no-repeat; 
  height:35px;
  background-position:30% 0;"