How To Maintain Line Breaks And Newline Formatting
Maintain line breaks and new lines in HTML and CSS#
We have had this issue before: a client enters text into a textarea, we store it server-side, and line breaks are not maintained when we output the data in HTML.
Set the CSS white-space property to preserve those line breaks.
See the MDN white-space documentation for the full set of options.
Solution#
Set white-space: pre; to output the formatting as it was entered:
white-space: pre;