JSFiddle - React, Tailwind, and code Playground

HTML

<style>tr:nth-child(2n){background:#C0C0C0}</style><table style=font-family:monospace;white-space:pre-wrap><tr><td>1<td><span style=color:#F0F>#include &lt;stdio.h><tr><td>2<td><span style=color:#F0F>#include &lt;stdlib.h><tr><td>3<td><span style=color:#F0F>#include &lt;ctype.h><tr><td>4<td><span style=color:#F0F>#include &lt;string.h><tr><td>5<td><span style=color:#F0F>#define ARRAY_SIZE(array) (<span style=color:#00F>sizeof</span>(array)  <span style=color:#00F>sizeof</span> *(array))<tr><td>6<td><span style=color:#FF0>/* Sample comment. */<tr><td>7<td><span style=color:#00F>int</span> main(<span style=color:#00F>void</span>) {<tr><td>8<td>    <span style=color:#00F>const</span> <span style=color:#00F>char</span> *keywords[] = {<tr><td>9<td>        <span style=color:#0F0>"auto"</span>,     <span style=color:#0F0>"break"</span>,    <span style=color:#0F0>"case"</span>,     <span style=color:#0F0>"char"</span>,     <span style=color:#0F0>"const"</span>,<tr><td>10<td>        <span style=color:#0F0>"continue"</span>, <span style=color:#0F0>"default"</span>,  <span style=color:#0F0>"do"</span>,       <span style=color:#0F0>"double"</span>,   <span style=color:#0F0>"else"</span>,<tr><td>11<td>        <span style=color:#0F0>"enum"</span>,     <span style=color:#0F0>"extern"</span>,   <span style=color:#0F0>"float"</span>,    <span style=color:#0F0>"for"</span>,      <span style=color:#0F0>"goto"</span>,<tr><td>12<td>        <span style=color:#0F0>"if"</span>,       <span style=color:#0F0>"int"</span>,      <span style=color:#0F0>"long"</span>,     <span style=color:#0F0>"register"</span>, <span style=color:#0F0>"return"</span>,<tr><td>13<td>        <span style=color:#0F0>"short"</span>,    <span style=color:#0F0>"signed"</span>,   <span style=color:#0F0>"sizeof"</span>,   <span style=color:#0F0>"static"</span>,   <span style=color:#0F0>"struct"</span>,<tr><td>14<td>        <span style=color:#0F0>"switch"</span>,   <span style=color:#0F0>"typedef"</span>,  <span...