JSFiddle - React, Tailwind, and code Playground

HTML

<style>body{font:10px monospace;counter-reset:n}td{white-space:pre}tr:nth-child(even){background:#c0c0c0}tr:before{counter-increment:n;content:counter(n)}.d{color:#f0f}.r{color:#00f}.c{color:#ff0}.s{color:#0f0}tt tt{color:inherit!important}</style><table cellspacing=0><tr><td><tt class=d>#include &lt;stdio.h&gt;</tt><tr><td><tt class=d>#include &lt;stdlib.h&gt;</tt><tr><td><tt class=d>#include &lt;ctype.h&gt;</tt><tr><td><tt class=d>#include &lt;string.h&gt;</tt><tr><td><tt class=d>#define ARRAY_SIZE(array) (<tt class=r>sizeof</tt>(array) / <tt class=r>sizeof</tt> *(array))</tt><tr><td><tt class=c>/* Sample comment. */</tt><tr><td><tt class=r>int</tt> main(<tt class=r>void</tt>) {<tr><td>    <tt class=r>const</tt> <tt class=r>char</tt> *keywords[] = {<tr><td>        <tt class=s>"<tt class=r>auto</tt>"</tt>,     <tt class=s>"<tt class=r>break</tt>"</tt>,    <tt class=s>"<tt class=r>case</tt>"</tt>,     <tt class=s>"<tt class=r>char</tt>"</tt>,     <tt class=s>"<tt class=r>const</tt>"</tt>,<tr><td>        <tt class=s>"<tt class=r>continue</tt>"</tt>, <tt class=s>"<tt class=r>default</tt>"</tt>,  <tt class=s>"<tt class=r>do</tt>"</tt>,       <tt class=s>"<tt class=r>double</tt>"</tt>,   <tt class=s>"<tt class=r>else</tt>"</tt>,<tr><td>        <tt class=s>"<tt class=r>enum</tt>"</tt>,     <tt class=s>"<tt class=r>extern</tt>"</tt>,   <tt class=s>"<tt class=r>float</tt>"</tt>,    <tt class=s>"<tt class=r>for</tt>"</tt>,      <tt class=s>"<tt class=r>goto</tt>"</tt>,<tr><td>        <tt class=s>"<tt class=r>if</tt>"</tt>,       <tt class=s>"<tt class=r>int</tt>"</tt>,      <tt class=s>"<tt class=r>long</tt>"</tt>,     <tt class=s>"<tt class=r>register</tt>"</tt>, <tt class=s>"<tt class=r>return</tt>"</tt>,<tr><td>        <tt class=s>"<tt class=r>short</tt>"</tt>,    <tt class=s>"<tt class=r>signed</tt>"</tt>,   <tt class=s>"<tt class=r>sizeof</tt>"</tt>,   <tt class=s>"<tt class=r>static</tt>"</tt>,   <tt class=s>"<tt class=r>struct</tt>"</tt>,<tr><td>        <tt...