html - 如何从右侧缩进文本？

标签 html css

<分区>

考虑这个例子:

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

我尝试使用 text-indent，但无法弄明白。

我还提到了 here , 但也无法正常工作。

我设法用 float: right 和 padding 做到了，但在那种情况下它们变成了 block 元素，这是不应该发生的。

text-align 执行此操作，但它会将所有内容移到右侧。我想把它放在左边，但要反向对齐。它也不应影响其右侧或左侧的任何内容。

最佳答案

似乎您希望文本与一些填充物右对齐，这样它就不会正好靠在框的一侧。

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>

关于html - 如何从右侧缩进文本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53817497/

相关文章：

html - 媒体查询最大宽度 992px 不适用于 ipad 横向 View