How to make a button in CSS consisting of PNG icon and text?

[softwarebuilder]

I am trying to make a button consisting of PNG icon and text. The icon should be on the left and the text on the right and company logo at the top. When the mouse is pressed the button should have the light orange colour and in normal state it should have white background as in the diagram.

http://i.stack.imgur.com/savyx.png

[giudev]

Take a look at this
http://codepen.io/giudev/pen/oLPYJy

You can achieve that in a lot o way. I chose to go for the background image, but you can also use an inline image.

[softwarebuilder]

Thanks!

[I.m.learning]

I did something similar for icons for external links in my website. I eventually removed them all and kept one.

I am on my phone so can’t access my code. But I think I used “:after” in my code. You can go to honestlee.info, go to the footer and click the about me, at the bottom I used Amazon to link externally in the about me page.
Check the source code and my style sheet. That’s one way to do it

[Author]

Posts