JSFiddle - React, Tailwind, and code Playground

CSS

pre {
  margin:1em
}

JavaScript

document.write('<pre>This is one line\
but this is not another line.\
The trailing backslash does not even produce a horizontal space!\
It allows us to break a string literal in the source code without introducing line breaks in the compiled string.</pre>')
document.write('<pre>If we want to produce a string that covers multiple lines\nwe need to use the classic \\n modifier.</pre>')
document.write('<pre>And if we want line breaks both in the produced string and the literal representing it,\n\
then we need to combine both the \\n modifier and the trailing backslash.\n\
If we omit the trailing backslash the literal will not be compiled into a string,\n\
and if we omit the \\n modifier we will see everything on a single line</pre>')