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

2

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.

answered Jun 11, 2013 at 22:25

Kreshnik Hasanaj

5,0151 gold badge18 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

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

1

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.

edited Jun 11, 2013 at 22:37

answered Jun 11, 2013 at 22:31

Volker E.

6,07411 gold badges50 silver badges66 bronze badges

Comments

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

0

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>

answered Jun 11, 2013 at 22:28

user1660568

51 silver badge3 bronze badges

Comments

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

0

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

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

Fiddle

edited Jun 11, 2013 at 22:34

answered Jun 11, 2013 at 22:29

Althorn05

32 bronze badges

Collectives™ on Stack Overflow

How to indent HTML tag content

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related