CODEWITHSUNDEEP
htmlcss
deepu
deepu

Reputation: 2029

Text inside div not showing multiple white spaces between words

Div is not showing multiple white spaces in between strings

For Example:

This string 'New Folder' I would like to be displayed as 'New     Folder'

Upvotes: 41

Views: 44578

Answers (4)

Ray
Ray

Reputation: 21905

That is how html works. Whitespace is collapsed. Look at the way your question is displayed to see an example.

To work around this, wrap your text in a <pre> tag, or use &nbsp; instead of space characters

Or add white-space:pre to the CSS for the div.

Upvotes: 65

kintsukuroi
kintsukuroi

Reputation: 1479

Try:

white-space: pre-wrap;

This does 2 things that can help others:

  1. Keeps spaces as you want.
  2. Wraps text so that if it is too long it remains clean inside a container.

Upvotes: 7

Mark A
Mark A

Reputation: 2125

You could also use CSS to add styling like a <pre> tag. Use 

  div#where-you-want-the-whitespace {
      white-space: pre;
  }

Upvotes: 14

Imran Khan
Imran Khan

Reputation: 2401

Yes, this is happening in html, just like you enter and it show same....

You need either to use simple html => &nbsp, or <pre> tag.... Or you can also assign variable to a 'span' tag by some id... => *"span style='padding-left:20px'"*This line starts after some blank space at left "span"

@* because tag is not accepting here so thats why use,, "span" .

Upvotes: 0

Related Questions