在页面中间居中2（两）段[重复]

如何将两个段落水平和垂直居中？

<div id="text">
  <p>First paragraph</p>
  <p>Second paragraph</p>
</div>