JSFiddle - React, Tailwind, and code Playground
HTML
Some text ....
<xmp>
<div>Lorem Ipsum</div>
<p>Hello</p>
</xmp>
text continues ...CSS
xmp { margin: 5px 0; padding: 0 5px 5px 5px; background: #CCC; }
xmp:before { content: ""; display: block; height: 1em; margin: 0 -5px -2em -5px; }