Question

我有一个简单的html：

  <div style="width:60%;color:#000;text-align:center;">
    This is a test
  </div>

我想将div中的文本居中，但它不起作用。我在类似的堆栈溢出问题中尝试了其他解决方案，但无济于事。我已尝试在段落元素中使用text-align，但这也不起作用。如何让它水平居中？

目前正在左对齐。

Answer 1

您的代码正在我的计算机上运行。

你写的方式，字符串将在div的可用空间的60％之内。这会产生略微偏离中心的效果，但在技术上集中在你的div中。

如果您希望它在页面中间位于死点，请将宽度更改为100％。

Answer 2

尝试使用：

 <center>
    your text here
 </center>

你里面的

Answer 3

我只是想使用<section>添加，而不是也适用于我需要的特定目的。