hi,
i am trying to vertical align the text in a block; here's my current html and css -
html -
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="aboutme.php">About me</a></li>
<li><a href="portfolio.php">Portfolio</a></li>
<li><a href="comingsoon.php">Coming soon</a></li>
<li><a href="contact.php">Contact me</a></li>
</ul>
CSS -
#nav ul{
margin:0px;
padding:0px;
overflow:hidden;
}
#nav li{
display:inline;
padding:0px;
list-style:none;
}
#nav li a:link{
font-family:Calibri;
font-size:18px;
text-decoration:none;
text-align:center;
vertical-align:middle;
color:#FFF;
display:block;
height:40px;
width:122px;
float:left;
margin-left:10px;
margin-top:30px;
background-color:#263D46;
}
#nav li a:visited{
color:#FFF;
background-color:#263D46;
text-decoration:none;
}
#nav li a:hover{
color:#FFF;
background-color:#528396;
text-decoration:underline;
}
#nav li a:active{
color:#FFF;
background-color:#263D46;
text-decoration:none;
}
any help would be appreciated :) thanks