JSFiddle - React, Tailwind, and code Playground

HTML

<pre>
foo 1
foo  2
foo 3
</pre>
<br>
<code>
bar 1
bar  2
bar 3
</code>

CSS

pre, code { border:3px solid red }

code
{
   display:block;
   white-space:pre;
}