html结点 垂直居中

为了实现上面右侧文字的垂直居中，尝试了多种方法，但苦于父容器不定高，因此多种方案都被否定，最后求助于高手后，找到如下解决方案：

<style>

.container{

display:flex;

flex-direction:row;

align-items:center;

}

</style>

<div class="container">

            <div class="content">
                    <p >韩红：今年两个提案中一个就关于雾霾</p>
                    <span>24小时热点</span>

            </div>

 </div>