Can you apply CSS only on text that is wrapped, i.e. the second and subsequent lines?

Question

I want to put a margin-left on only the text that is wrapped, i.e. text after the first line:

This is text with no margin left
     this text ha         


        

Answer 1

Yeah, sort of — I’d suggest combining padding-left and text-indent:

HTML

    
         Very long text which is wrapped on the next line
    


    
         Merknaam 2
    


    
         Merknaam 3
    


    
         Merknaam 4
    

 CSS

.test {
    width:200px;
}

.test label {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

text-indent applies only to the first line of text in a block-level element, so it should achieve what you want.

See http://jsfiddle.net/pauldwaite/qUvvv/