CSS가 오른쪽 가장자리를지나 텍스트 첫 줄 들여 쓰기

Question

text-indent 속성을 사용하여 첫 번째 텍스트 줄을 왼쪽 모서리쪽에 들여 쓸 수 있습니다.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Mauris vehicula molestie 
imperdiet. 
|------ 100% - 200px ------+---------- 200px ----------| 

내가 원하는 것은 첫 번째 줄 (만 첫 번째 줄)입니다 :

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

<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vehicula molestie imperdiet.</h1> 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
          Mauris vehicula molestie 
          imperdiet. 
|---------- 200px ----------+------ 100% - 200px ------| 
|-------------------------->| left margin 
|<--------------------------| negative text indent 

라운드이 다른 방법으로 할 수있는 트릭이 있습니까 :이 예제를 고려 텍스트가 왼쪽 가장자리를지나 200 픽셀 확장됩니다. 아마도 오른쪽 가장자리 주위에 들여 쓰기를 적용하거나 텍스트의 두 번째 줄과 후자 줄에 적용되는 비슷한 CSS 속성이있을 수 있습니다.

Here is a jsFiddle

Answer 1

텍스트 들여 쓰기는 부모로부터 올 수있다. 패딩.

http://jsfiddle.net/qsDST/

#wrapper { 
    width: 300px; 
    text-indent: -200px; 
    padding-left:200px; 
} 
h1 { 
    background: lime; 
    display:inline; 
} 

Answer 2

당신이 원하는이 있습니까?

h1.other-way-round { 
    margin-left: 0px; 
    text-indent:0px 
} 

DEMO

두 번째 방법

h1.other-way-round{ 
    text-indent:0; 
    position:relative; 
    width:100%; 
    left:-200px; 
    } 

DEMO

Answer 3

나는 당신의 예상 결과이 같은 것입니다 undarstand으로 :

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

가장 쉬운 방법은 Javascript를 사용하는 것일 수 있습니다. 두 번째 줄과 지난 줄을 감지하고 200px의 채우기 오른쪽으로 태그를 감쌀 수 있습니다.

jQuery 또는 simmilar를 사용해야 할 수도 있습니다.

가짜 보조 요소에 너비/높이 또는 패딩을 설정하는 것은 잘못되었습니다.