JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Plain DIV</h3>
<div>
Some
   text
      here
</div>

<h3>Now with non-breaking spaces and line breaks</h3>
<div>
Some<br/>
&nbsp;&nbsp;&nbsp;text<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;here<br/>
</div>

<h3>Now with a PRE tag</h3>
<pre style="width:200px;">
Some
   text
      here
And this is going to be a really long line that should, hopefully, break the lines at word boundaires and not in the middle of them. Of course, I need to make sure that there are enough words in here to make it go past the end.
</pre>

JavaScript

/* http://stackoverflow.com/questions/18513286/angular-displaying-multiple-lined-strings-on-one-line */