垂直居中 a link 无行高

Vertical align middle a link without lineheight

代码&预览:http://www.bootply.com/lixzKzFYxt

我想得到蓝色条纹中的 link 垂直中间。

我读到可以使用 lineheight,但它会隐藏第二个框中的 link 的一部分。

link 有这个 css 选择器 .rubrik-thumbnail .caption a:first-child {}

谢谢!

CSS

.rubrik-thumbnail .caption a:first-child{
        top:30%;
     }

DEMO

这是我的解决方案:

display:flex;
algin-items:center;
height:60px;