Preserve line breaks in textarea

by

Generally you just need to add

  • white-space: pre-line; whitespace trimmed to single whitespace or

  • white-space: pre-wrap; all whitespace preserved

to the element’s style (CSS), where you want your text rendered with line-breaks.

More Related Contents:

  1. How to add a new line in textarea element?
  2. How to line-break from css, without using ?
  3. Render a string in HTML and preserve spaces and linebreaks
  4. How to force a line break in a long word in a DIV?
  5. Can you target with css?
  6. Should I size a textarea with CSS width / height or HTML cols / rows attributes?
  7. CSS Styling text areas like notebook-look
  8. CSS Not Being Responsive
  9. Change select box option background color
  10. Li item on two lines. Second line has no margin
  11. When to use the !important property in CSS [duplicate]
  12. Add a background image (.png) to a SVG circle shape
  13. Two inline-block elements, each 50% wide, do not fit side by side in a single row
  14. Inline elements and line-height
  15. Tables instead of DIVs [duplicate]
  16. Is type=”text/css” necessary in a tag?
  17. Text overflow ellipsis on two lines
  18. How can I make a link from a table cell
  19. Make row stretch across all columns in CSS Grid
  20. Flexbox affects overflow-wrap behavior
  21. How does one use the onerror attribute of an img element
  22. How can I make a TextArea 100% width without overflowing when padding is present in CSS?
  23. How do I remove the top margin in a web page?
  24. How can I make a 45 degree responsive ribbon with folded corner?
  25. Border with a transparent centred arrow
  26. Add outward curving border to elements like this: ◝◟___◞◜
  27. Is text-indent: -9999px a bad technique for replacing text with images, and what are the alternatives?
  28. Radio buttons and label to display in same line
  29. How to move placeholder to top on focus AND while typing?
  30. HTML/CSS set div to height of sibling

Leave a Comment