如何将文本行居中以使每行的中间垂直对齐？ [已关闭]

Question

文本仅从左侧开始，而不是像我想要的那样在中心对齐，

这就是我想要的样子

我的CSS

h3 { text-align: center;}

我尝试了此文本上方的行，但我认为这仅适用于将文本居中在 div 中。我在互联网上查看过，但所有问题都只是关于如何将文本放在 div 中居中，而不是将其与其他文本行对齐。

Answer 1

使用 Flexbox，尝试将父级 div 应用于 Flex 属性，以便您的内容水平和垂直居中。

.parent_div {
    display: flex;
    align-items: center;
    justify-content: center;
}

<div class="parent_div">
    <h3>Your Text</h3>
</div>