JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lorem ipsum dolor sit <code>amet, consectetur adipiscing elit</code>. Donec a diam <code>lectus</code>. Sed sit amet ipsum <code>mauris</code>. Maecenas congue ligula ac quam viverra nec consectetur ante <code>hendrerit</code>. Donec et mollis <code>dolor</code>. Praesent et diam eget libero egestas mattis sit amet vitae <code>augue</code>. Nam tincidunt congue <code>enim</code>, ut porta lorem lacinia <code>consectetur</code>. Donec ut libero sed arcu vehicula ultricies a non <code>tortor</code>. Lorem ipsum dolor sit <code>amet</code>, consectetur adipiscing <code>elit</code>. Aenean ut gravida <code>lorem</code>. Ut turpis <code>felis</code>, pulvinar a semper <code>sed</code>, adipiscing id <code>dolor</code>. Pellentesque auctor nisi id magna consequat <code>sagittis</code>. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl <code>imperdiet</code>. Ut convallis libero in urna ultrices <code>accumsan</code>. Donec sed odio <code>eros</code>. Donec viverra mi quis quam pulvinar at malesuada arcu <code>rhoncus</code>. Cum sociis natoque penatibus et magnis dis parturient <code>montes</code>, nascetur ridiculus <code>mus</code>. In rutrum accumsan <code>ultricies</code>. Mauris vitae nisi at sem facilisis semper ac in <code>est</code>.</p>

CSS

p { font-face: Arial; font-size: 30px; }

p code { display: inline-block; }