html右缩进怎么设置,CSS缩进右侧边缘的第一行文本

可以使用text-indent属性将文本的第一行缩进左侧角落的任一侧。考虑下面这个例子：CSS缩进右侧边缘的第一行文本

h1 { text-indent: -200px; margin-left: 200px; }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vehicula molestie imperdiet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mauris vehicula molestie

imperdiet.

|---------- 200px ----------+------ 100% - 200px ------|

|-------------------------->| left margin

|

有没有窍门要做到这一点反过来：

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mauris vehicula molestie

imperdiet.

|------ 100% - 200px ------+---------- 200px ----------|

我要的是第一行(也是唯一的第一行)的文字延伸到左边缘200px。也许有一个类似的CSS属性，它在右边缘应用缩进或适用于第2行和后面的文本行。

2013-06-19

Salman A

+0

negative margin-left + width：increase？ codepen或jsfiddle看到你的代码是受欢迎的:) –

+0

你的问题是什么？它会按照你的期望工作，我希望如果你没有得到结果也是这样的 –

+0

@Thirumalaimurugan：我找不到能产生所需输出的CSS属性/ hack。第一行文本必须在容器外朝向_right_溢出，或者换句话说，标题内的文本必须以**Γ**形状流动。 –