How to vertically align inline elements

Question

I have this anchor tag that has text between to be vertically align text. I\'m using this css attribute vertical-align: middle. Nothing happens tho.

Answer 1

test test test test


div{
    border:1px solid red;
    width:400px;
    height:400px;
    position:relative;
}


p{
    height:30px;
    position:absolute;
    top:50%;
    margin-top:-15px; /* negative half of height*/
}

Check working example at http://jsfiddle.net/Z2ssq/1/