Small CSS prob...

Associate
Joined
24 Aug 2004
Posts
343
Location
UK
All I want to do is make the text on this css button vertically aligned. I cant seem to make it work. it seems that as standard the text is positioned towards the top of the button?

code included below, thanks in advance!

Code:
<html>
<head>

<style type="text/css">
<!--

.button a{
font-size: 1em;
border: solid;
border-color: #aaaaaa;
border-width: 1px;
width: 150px;
color:#FF6600;
text-align: center;
font-family:verdana, arial;
background-color: #C8F526;
display: block;
text-decoration: none;
height: 25px;
font-weight: bold;

  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

-->
</style>
</head>
<body>

<div class="button"><a href="http://www.google.co.uk">Home</a></div>


</body>

</html>
 
Back
Top Bottom