如何对齐文本以从其他文本开始的位置开始答案

【问题标题】：How to align text to start where other text starts如何对齐文本以从其他文本开始的位置开始
【发布时间】：2021-07-07 19:47:08
【问题描述】：

现在文字是这样的：

Lorem ipsum dolor sit amet consectetur adipiscing
                 elit vitae orci elementum dictum

我想成为那样的人：

Lorem ipsum dolor sit amet consectetur adipiscing
elit vitae orci elementum dictum

我希望第二行文本从第一行开始。第一个文本行右对齐。

【问题讨论】：

希望您至少尝试自己编写代码。我建议你做一些additional research，通过谷歌或搜索SO，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。
你的 HTML 结构是什么？文本是否由于其容器的宽度而换行，还是每行都是单独的 HTML 元素？还请包括您当前的 CSS，以便其他人可以reproduce the issue。

标签： html css reactjs styled-components

【解决方案1】：

另一种简单的方法是使用 2 p 标签在 HTML 中：

<p class="text">Lorem ipsum lorem ipsum</p>
<p class="author">Author</p>

在 CSS 中：

.text{
  font-size: 15px;
}
.author{
  font-size: 12px;
  color: grey;
}

【讨论】：

如果此方法解决了您的问题或对您有帮助，请打勾，它会激励其他人回答更多问题

【解决方案2】：

试试这个。可能会有所帮助

<p>Lorem ipsum dolor sit amet consectetur adipiscing<br>
<span>elit vitae orci elementum dictum</span></p>

<style>
    p { float: right; }
    span { float: left; }
</style>

【讨论】：

对于未来的读者，问题是什么？您的代码是如何解决的？