html - 我如何使段落变宽？

Question

我想让我的段落变宽，并且让它保持在页面的中心。

每当我更改段落的宽度时，它最终都会像这样转到页面的左侧:

这是我的 HTML 和 CSS 文件的片段:

.topheader {
	font-family: 'Oswald', sans-serif;
	text-align: center;
	font-size: 2em;
	margin-top: 80px;
	text-transform: uppercase;
	width: 50px;

<p class="topheader">The best Macbook at your disposal!</p>

我希望我的段落像这样留在中心，但要让段落更宽。

Answer 1

除了愚蠢的 width: 50px 之外，您的 p.topheader 没有任何问题，这是完全不必要的。一个段落默认占据包含 block 的宽度，你只需要将它的文本居中:

p.topheader {
    text-align: center;
}

您很可能对包含 block 及其包含 block 依次设置了各种规则，从而弄乱了您的布局。重申一下:您的段落元素本身并没有任何问题，尽管我必须提到它在语义上不符合它所在的上下文——显然，作为一个标题。