Html 如何使用CSS将2个锚定标记垂直居中？

我有点像

<div class="container">
   <a href="/link">Link1 </a>
   <a href="/link">Link2 </a>
</div>

这个容器的高度是100px。我希望第一个链接大约是50px，下一个链接就在它下面

我只找到了如何将1个链接标记垂直居中于线条高度的解决方案，但这不适用于2个链接标记

它必须在IE 8+上工作

*{margin:0；}
.集装箱{
溢出：隐藏；
高度：100px；
背景：ddd；
}
.货柜a{
显示：块；
}
.容器a:第n个子容器（1）{
边缘顶部：50px；
}

：IE8中支持第一个孩子

请参见此处的JSFIDLE：

.container > a{
    display:block;
}
.container a:first-child{
    padding-top:50px;
}