Why is this not indenting HTML?

Question

<div id = "topParagraph"><p id = "topParagraph">text </p>

<p id = "paragraph2"> stuff</p></div>

I though <p> was used to indent. Heres a fiddle to.

Answer 1

You have to specifcy the text-indent style. p doesn't automatically indent, it just creates a new paragraph. Try:

#topParagraph {
text-indent: 10px;
}

Also shown in this fiddle: http://jsfiddle.net/7zybK/2/