如何让一个div里面的div垂直居中？

如何让一个div里面的div垂直居中？

如何让上面灰色有文字那个div和背景图标垂直居中，不管屏幕大小有好大，始终在垂直方向上的中间。上面有整个布局和样式表，谢谢高手指点

CSS3时代当然要用CSS3的完美解决办法。不能忍受以前的height和line-height同高等等的解决方法，想想都觉得不优雅。

用CSS3中的flexbox 布局模式：

.vertical-container{
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
              align-items: center;
        -webkit-justify-content: center;
              justify-content: center;
    }

CSS里总算是有了一种简单的垂直居中布局的方法了！