How to indent HTML tag content

Question

Maybe this is a too basic question.

<p>A long text here A long text here A long text here A long text here A long text here A long text here A long text here A long text here </p>

Is it possible to write something like:

<p>A long text here A long text here A long text here A long text here ... ... </p>

Also, help me tagging this question.

Possible in what sense? I mean, you just did it in your question... — Explosion Pills
– Explosion Pills, Commented Jun 11, 2013 at 22:11
Are you talking about formatting for viewing in a browser for users? Or are you talking about formatting in code? — Revent
– Revent, Commented Jun 11, 2013 at 22:26
hmm, I asked a dumb thing, sorry. @Explosion Pills is right. — sites
– sites, Commented Jun 11, 2013 at 22:37

Kreshnik Hasanaj · Accepted Answer · 2013-06-11 22:25:03Z

Well the paragraph tag removes leading white spaces and ignores enter breaks.

One way to achieve what you want would be to use the Preformatted tag <pre> which returns the result identical to it's base text (with spaces, breaks etc). Another way would be to try styling it with CSS (width, text-indent, etc) in the way it's best representative to the user.

Volker E. · Accepted Answer · 2013-06-11 22:37:29Z

All of the other answers include some truth, here is a different approach using CSS:
http://jsfiddle.net/Volker_E/p3pgz/

Simply include:

p { white-space: pre; }

This ensures output of white space and line breaks as written in HTML editor. White-Space property description at MDN.

user1660568 · Accepted Answer · 2013-06-11 22:28:40Z

You could simply use the

<br/> tag within the <p> tag for getting the required indentation.. something like <p>A long text here A long text here A long text here <br/> A long text here A long text here A long text here </p>

Althorn05 · Accepted Answer · 2013-06-11 22:34:36Z

You can either use   a few times, or use CSS:

p { text-indent:-20px; padding-left:20px; }

Fiddle

Collectives™ on Stack Overflow

How to indent HTML tag content

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related