如何从右侧缩进文本？

Question

考虑以下示例：

如何从右侧缩进文本？从示例中可以看出，这是从左侧缩进的，但是如何在不影响任何其他元素的情况下使其相反呢？

我尝试玩Assembly.GetTypes()，但无法弄清楚。

我也提到了here，但也无法使其正常工作。

我设法用text-indent和float: right来做到这一点，但是在这种情况下，它们变成了块元素，这是不应该发生的。

padding会执行此操作，但是会将其全部移至右侧。我想将其保留在左侧，但要保持反向倾斜。它也不应影响其右侧或左侧的任何内容。

Answer 1

似乎您想使文本与某些填充物右对齐，所以它不会紧靠框的侧面。

p {
  text-align:right;
  padding-right: 5em;
}

<p>test</p>
<p>test test</p>
<p>somethin grandom</p>
<p>test again</p>
<p>this is the last test</p>

一种替代方法是使用direction：

p {
  direction:rtl;
  text-indent: 5em
}

<p>test</p>
<p>test test</p>
<p>somethin grandom</p>
<p>test again</p>
<p>this is the last test</p>

Answer 2

使用display: inline-block进行文本对齐。它将恰好扩展容器，并且不会将显示更改为阻止：

.foo {
  display: inline-block;
  text-align: right;
  background: papayawhip;
}

<div class="foo">
  test<br>
  test test test<br>
  test test
</div>

Answer 3

制作元素inline-block，然后使用text-align：

.text {
  display: inline-block;
  text-align: right;
}

p {
  margin: 0;
}

<div class="text">
  <p>some text</p>
  <p>text</p>
  <p>some text text and more</p>
  <p>some text</p>
</div>

或者如果您想在以下时间后换行，请使用float:left并清除float：

.text {
  float: left;
  text-align: right;
}

p {
  margin: 0;
}

<div class="text">
  <p>some text</p>
  <p>text</p>
  <p>some text text and more</p>
  <p>some text</p>
</div>
<div style="clear:left;">
 lorem ipsume dolret lorem ipsume dolret lorem ipsume dolret lorem ipsume dolret lorem ipsume dolret lorem ipsume dolret lorem ipsume dolret
</div>

Answer 4

请考虑使用文本方向direction:rtl;，然后应用缩进。这样，您的文本将显示为从右侧缩进。

Answer 5

将padding-right: 20px;添加到样式表。当然，您可以更改值。