Div Vertical-align Not Working

I have a simple HTML page in which i want to align Div vertically middle of another div. There is one way of using positioning concept. But i want to use vertical-align property. B

Solution 1:

Have you tried working with the table display modes? When I am doing css styling I find vertical alignment to work well with these technique.

Example:

.title{
    display: table;
}

.plink{
    display:table-cell;
    height: 100%;
    vertical-align: middle;
}

Solution 2:

I think what you want to do with the vertical-align property is not what it was designed to do and therefor not possible. This article explains why: Vertical Alignment