在div中垂直对齐多段文本

Question

我想在div中垂直对齐多段文本。这是我的代码。

HTML

<div class="valign">
    <h3>Title of the paragraph</h3>
    <p>Lorem ipsum</p>
    <p>Next paragraph</p>
</div>

CSS

.valign {
    display: flex;
    align-items: center;
    height: 200px;
}

但它不起作用。欢迎您的解决方案。