Question : text rollover button vertical distance

hello,
I have a roll over text button the class is added to the paragraph. my question is, I have 2 buttons but they are distant from each other, how can I have the top button 4px from the bottom button.

thanks for any help

k

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
<!--
p.superbuttons a {
      color: #000000;
      text-decoration: none;
      background-color: #009900;
      display: block;
      padding: 3px 0px 3px 12px;
      width: 150px;
      border-top: 1px solid #EEEEEE;
      border-right: 1px solid #666666;
      border-bottom: 1px solid #666666;
      border-left: 1px solid #EEEEEE;
      background-repeat: no-repeat;
}
p.superbuttons a:hover, p.superbuttons a:active {
background-color: #333333;
color: #FFFFFF;
background-repeat: no-repeat;
}
-->
</style>
</head>

<body>
<p class="superbuttons"><a href="mypage.htm">your link text</a></p>
<p class="superbuttons"><a href="mypage.htm">your link text</a></p>
</body>
</html>

Answer : text rollover button vertical distance

p.superbuttons{
      margin:0px 0px 4px 0px;
}

that should do it.
( tested it and it works fine.. )
Random Solutions  
 
programming4us programming4us