div里面的p标签内容上下垂直居中

<div>

　　<p>这里是内容</p>

</div>

<style>

　　div{

　　　　300px;

　　　　height:100px;

   　　　　display: flex;

   　　　　align-items: center;

　　}

　　p{

　　　　margin: 0 auto;

　　}

</style>