JSFiddle - React, Tailwind, and code Playground

by steveukx

HTML

<pre>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis lacus eu dolor sodales at pellentesque erat gravida. Donec ut massa odio. Praesent porttitor mauris sit amet justo ultricies non vulputate justo bibendum. Nam in feugiat quam. Ut molestie mi ut dui pretium at condimentum risus faucibus. Fusce gravida consequat turpis a ullamcorper. Integer metus metus, sollicitudin vitae vestibulum sit amet, fermentum a nisl. Sed volutpat, elit eu ullamcorper porta, dui quam varius mi, in rhoncus lacus nunc non ipsum. Phasellus porttitor eleifend venenatis. Duis mollis posuere risus, euismod pretium enim lobortis feugiat. Maecenas ut tortor nunc, quis aliquam mauris. Nunc sed eros a urna hendrerit semper.

Duis dictum vulputate convallis. Pellentesque a lorem odio, at vehicula tortor. Etiam at arcu vel sem aliquet tristique. Mauris mauris eros, egestas id venenatis id, sagittis eu tellus. Cras cursus, ante eu bibendum condimentum, nibh ipsum scelerisque ligula, sed placerat nunc sapien sit amet urna. Donec feugiat justo quam, id laoreet ipsum. Curabitur dignissim lacinia nunc, ac condimentum mauris viverra vitae. Donec vitae nisi nulla. Vivamus id quam ac lorem molestie consectetur eu sit amet tortor. Vestibulum nisl mauris, facilisis et vestibulum ut, cursus ut justo. Integer hendrerit adipiscing ante, a sodales enim consectetur eu. Vivamus suscipit, arcu nec posuere euismod, risus libero tempus neque, sit amet malesuada libero lacus vitae sem. Vivamus quis metus ut quam fermentum hendrerit. Aliquam suscipit fringilla metus, non commodo velit accumsan eu.</pre>

CSS

pre {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    
    white-space: pre-wrap;
}