Image icon and text on asp.net button with css?

Vote count:

0

I am trying to show image icon and text on asp.net button. How to put then next to each other? If increase button width Icon and text are separating. I want tie together and increase width and height of the button.

html

<asp:Button ID="btnLogin" runat="server" CssClass="login" Text="Login" />

css

  .login {
          border: 1px solid #868686;
          border-radius: 5px;
          color: black;
          padding: 10px 10px 10px 25px;
          background: url(../Images/arrow_plain_green_E.png) left center no-repeat;
          background-color: #EDEDED;
          width: 100px;
}

I want to see like this .

Now my button also showing like flat image. I want display like above example.

How to do this?

asked 1 min ago

James123

2,059