The prism plugin is used to highlight code. It can highlight many languages including HTML, CSS and JS. The theme can be changed to fit the design of your site.
<pre class="max-w-full md:w-[500px] rounded"><code data-toggle="prism" class="language-js">console.log('this is inside a code highlighter');</code></pre>