Question

让我知道如何在'p'元素的中心对齐文本。

我认为在p元素中对齐文本与在div元素中对齐文本不同。

<!DOCTYPE html>
        <html>
        <style>
        #element{
            background: #95CFEF;
            border: solid 1px #36F;
            width: 300px;
            height: 100px;
            margin: 10px auto;
         text-align: center;
        }
        </style>
        <body>
        <p id = "element">This is some text in a paragraph.</p>
        </body>
        </html>

提前致谢

https://jsfiddle.net/sri276286/w65jLzv9/

我期待这样：

Answer 1

为什么不试试line-height: 100px;

基本上，行高应与#element's高度

相同

Answer 2

不是id = "element"，而是id="element"注意空格。这可以解决您的问题。如果你的意思是纵向对齐让我知道，我会回来那个

将文本对齐在<p>元素的中心

2 个答案: