CSS Centered + Vertically Aligned Text

Using CSS to center text in boxes created by vertical lines - non UL LI model

by Andrew Pougher

HTML

<div id="w"><a href="">link name</a>
   <div class="vr"></div>
<a href="">link name</a>
   <div class="vr"></div>
<a href="">link name</a>
   <div class="vr"></div>
<a href="">link name</a>
<div class="vr"></div>
</div>

CSS

body{padding:20px}
.vr {
    height: 90px;
    width: 1px;
    margin-left: 10px;
    margin-right: 9px;
/*    margin-top: -20px; */
display:inline-block;
    border-right:solid 1px #999;
     line-height:4em ; 
    vertical-align:middle;
}

#w {

background:#ddd;
    line-height:4em ;
    border: 1px solid #999;
   -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
}

#w:first-child{padding-left:20px}

a{color:#345cc1;text-decoration:none}
a:hover{color:#333302;text-decoration:underline}