Render a string in HTML and preserve spaces and linebreaks

by

Just style the content with white-space: pre-wrap;.

div {
    white-space: pre-wrap;
}
<div>
This is some text   with some extra spacing    and a
few newlines along with some trailing spaces        
     and five leading spaces thrown in
for                                              good
measure                                              
</div>

More Related Contents:

  1. Ignore whitespace in HTML [duplicate]
  2. How to line-break from css, without using ?
  3. How to force a line break in a long word in a DIV?
  4. Can you target with css?
  5. HTML/CSS – Best practice for preserving white space on certain elements?
  6. Specifying Tab-Width?
  7. CSS data attribute new line character & pseudo-element content value
  8. Preserve line breaks in textarea
  9. Extra space under textarea, differs along browsers
  10. Why does my design elements look different in all browsers? UPDATE [closed]
  11. Set width on div
  12. How to Make columns in row [closed]
  13. Is it wrong to change a block element to inline with CSS if it contains another block element?
  14. Using external images for CSS custom cursors
  15. How to change checkbox’s border style in CSS?
  16. minmax() defaulting to max
  17. Page numbers with CSS/HTML
  18. Creating a CSS3 box-shadow on all sides but one
  19. Weird effect when applying transparent border over an element with a gradient background
  20. Why does CSS work with fake elements?
  21. padding is not working in Safari and IE in select list
  22. Deploying just HTML, CSS webpage to Tomcat
  23. Center form submit buttons HTML / CSS
  24. CSS object-fit: contain; is keeping original image width in layout
  25. Remove scrollbar from iframe
  26. CSS animate custom properties/variables
  27. How to see an HTML page on Github as a normal rendered HTML page to see preview in browser, without downloading?
  28. Firefox 30 is not hiding select box arrows anymore
  29. CSS Border on PNG image with transparent parts
  30. Prevent ligatures in Safari (Mavericks/iOS7) via CSS

Leave a Comment