如何从 text-align 开始在 HTML 写一段文字：对

Question

标题有点罗嗦，所以我将尝试提供一个示例，说明我的代码中发生了什么以及我想要发生什么。

ONEDRIVE LINK 我所有的代码

https://1drv.ms/u/s!AvauuVcN_DBAh30o-aOYmh2AMxL6?e=IL4csP

我在键盘上随意输入占位符文本

输出中发生了什么

    Lorem Ipsum
daof esiogheagf difghea
fjaeiohrteg rearih
alfugeahoruij feioaryawrg
awirhyear rawirhy weri
fdsilryh ddfr

                                                                                             Lorem Ipsum
                     dioahef efyarw aspv9aru crupdjeamf zxpodruwa fopdurf sfjf fos rfps f idyrheajnr wafjhar

我想要发生的事情

    Lorem Ipsum
daof esiogheagf difghea
fjaeiohrteg rearih
alfugeahoruij feioaryawrg
awirhyear rawirhy weri
fdsilryh ddfr

                                                                                             Lorem Ipsum
                                                                                        saliaf saoie awsuor aswi
                                                                                              lary sfopea dpa fk
                                                                                         uwartyea fyisdr saor a
                                                                                           feaiory waro aorhf df

信息

<p style="text-align: right">Education Perfect</p>

我试过 style="width: -500px"，但似乎并没有真正奏效...

Answer 1

您是否尝试过将文本封装在容器中 div 然后减小其宽度？

<div class="container">
  <p>text</p>
  <p>more text</p>
</div>

然后：

.container {
  float: right;
  width: your-desired-width;
}

.container p {
  text-align: center;
}

由于您发布的 HTML 过于含糊，我无法为您提供所需结果的准确再现，但应该可以解决问题。

编辑：重新阅读问题并相应更新 CSS 规则，如果有任何遗漏或我的想法有误，请告诉我。

如何从 text-align 开始在 HTML 写一段文字：对

How to put a block of writing in HTML from text-align: right

html

alignment

text-align