css样式中怎么实现文本和文本框垂直居中
#d5{border:solid red;
width:250px;height:100px;
position:absolute;
right:100px;
bottom:100px;
background-color:pink;
text-align:center;
display:table-cell;
vertical-align:middle;
}
a{display:inline-block;
font-size:20px;
font-weight:bold;
height:20px;
margin:auto 0px;
line-height:100px;
border:solid;}
<div id="d5" >
<a classname="c1" href="http://www.w3school.com.cn" title="帮助用户进行网站建设资料查询">wsc网站
</a>
</div>
为什么用了display：table-cell;
vertical-align:middle;
a标签中的文本框仍然没有垂直居中效果？？有什么方法可以实现这个效果？？
