How can I display social icons on my website with HTML and CSS?

Death Angel

New Member
I am desperately trying to add some icons to my website but can't get them appear properly. What I want is just a container that contains images and display them in line. Then I would want to add some padding to that container and in between the images and that's it.See here my approach. If anyone can help me out and correct my code so that it actually works, I would be more than happy.In my HTML file:\[code\]<div class="icons"> <div class="email"><a href="mailto:[email protected]" title="email"></a></div> <div class="twitter"><a href="http://www.twitter.com" title="twitter">twitter</a> </div>\[/code\]In my CSS:\[code\].icons { margin-left:30px;}.icons .email { background: url(../images/social/email.png) left top no-repeat; }.icons .twitter { background: url(../images/social/twitter.png) left top no-repeat; }\[/code\]NOTE: This code did not work for me.
 
Back
Top