Question

我正在尝试将HTML中的某些文本向左对齐，但我也希望它保持居中。当我将文本向左对齐时，它将覆盖。

<center>
<b>
<BR>
<p style=color:orange;font-size:62px;text-align:left;"> If Bitcoin is now £0,<BR> and it was £0 when <BR>
I purchased, and I <BR> invested £0, the total <BR>
investment would be <BR>
worth £0, <BR>
The profit would be £0.</p>
</font>
</b>
</centre>

当text-align：left;在其中，文本对齐，但也不再位于中心。
任何帮助将不胜感激！

编辑：我想将文本向左对齐，但是它位于页面的中央，如下所示： like this:

Answer 1

尝试一下：您可以使用div（.wrapper）将内容保持在中心，同时可以在任意位置对齐它：）

.wrapper{
  width: 300px;
  margin: auto;
  background-color: red;
}

.wrapper{
text-align: left;
}

<div class="wrapper">
  <div>Aligned text</div>
</div>

Answer 2

好吧，您可以为段落指定宽度，并将其左右边距设置为auto：

.center {
  width: 80%;
  margin:10px auto; /* So 10px for top/bottom, auto for left/right */
  color:orange;
  font-size:62px;
  text-align:left;
}

<b>
<br/>
<p class="center"> If Bitcoin is now £0,<br/> and it was £0 when <br/>
I purchased, and I <br/> invested £0, the total <br/>
investment would be <br/>
worth £0, <br/>
The profit would be £0.</p>
</b>

旁注：您的HTML代码存在一些语法/格式问题，例如：

<center>标签以<centre>而不是<center>的形式关闭（因此，您不应首先使用此标签，因为HTML5不支持该标签。）
对于换行符，它是<br/>，而不是<BR>。
此外，<b>标签如今已被弃用，请改用<strong>或CSS。

如何在不覆盖<centre>的情况下对齐文本

2 个答案: