我如何居中和横向<p> </p>

Question

我需要将CSS中的一个段落居中。我还希望文本显示为水平。

<section class="test">
        <div class="test1">
            <p class="result1"> SUCCESS </p11>
            <p class="testnumber1"> TEST# </p12> 
            <p class="date1"> DATE </p13> 
        </div>
</section>

这是CSS

p.result1, p.result2 , p.result3, p.result4{
    font-size:12px;
    font-weight:900;
    margin:auto;
}

有什么想法吗？

Answer 1

水平居中文字：

text-align: center;

到你想要居中的段落。

如果你想让div居中，你需要提供一个宽度并将左右边距设置为自动：

width: 20%;
margin: 0 auto;

Answer 2

如果您想使文本居中，可以使用'text-align'。

p {
    text-align: center;
}

Demo

More info

自己尝试一些研究。关于html和css在线有很多资源。