HTML / CSS How to add image icon to input type=“button”?

Question

I\'m using the below CSS, but it puts an image in the center of the button. Any way to left or right align an icon using , so that

Answer 1

If you absolutely must use input, try this:

background-image: url(...);
background-repeat: no-repeat;
background-position: ;
padding-: px;

It's usually a little easier to use a button with an img inside:

 Text

However the browser implementations of button for submitting are inconsistent, as well as the fact that all button values are sent when button is used - which kills the "what button clicked" detection in a multi-submit form.