Indenting only the first line of text in a paragraph?

html css indentation target text-indent
Miles Henrichs picture Miles Henrichs · May 2, 2011 · Viewed 87.4k times · Source

I have several paragraphs that I would like to indent, although only the first lines of these paragraphs.

How would I target just the first lines using CSS or HTML?

Answer

alex picture alex · May 2, 2011

Use the text-indent property.

p { 
   text-indent: 30px;
}

jsFiddle.

Related questions

Indent starting from the second line of a paragraph with CSS

How can I indent starting from the second line of a paragraph? I've tried p { text-indent: 200px; } p:first-line { text-indent: 0; } and p { margin-left: 200px; } p:first-line { margin-left: 0; } and (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

Read More
How to indent multiple levels of select optgroup with CSS?

Just trying to indent optgroup blocks by nesting depth really, I've tried a general margin-left rule, nested elements then trying to apply the same rule, tried padding-left... is indenting like this possible? It seems elementary :P In the example below, …

Read More
Text indent after the first line in a paragraph

- A Reuters reporter in Surkhrod district in Nangarhar province, where villagers said the raids took place, said Afghan police fired at the crowd after some of them started throwing stones at local government buildings. In the above paragraph, I …

Read More