raininggalaxies raininggalaxies - 1 year ago 92
CSS Question

Adding space between buttons?

Hi I have a code here that is all perfect except one thing. There is NO space between each button in the code. I've tried margin, but unfortunately its an unordered list so I am a bit confused. What would I add or replace to have space between the two buttons. Help?? :(

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

.rollovericons a#terms{
display: block;
background: url(http://icpy.webs.com/button/Terms.png) no-repeat;

.rollovericons a:hover#terms{
background: url(http://icpy.webs.com/button/Terms0.png) no-repeat;
.rollovericons a#contact{
display: block;
background: url(http://icpy.webs.com/button/contact.png) no-repeat;

.rollovericons a:hover#contact{
background: url(http://icpy.webs.com/button/contact0.png) no-repeat;



<div class="rollovericons">
<a href="http://www.twitter.com" id="terms"></a>
<a href="http://www.twitter.com" id="contact"></a>


Answer Source

Just do:

.rollovericons a{
    margin: 10px;

That will add a margin to every <a> item inside the rollovericons class.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download