JSFiddle - React, Tailwind, and code Playground

by olegatilla

HTML

<pre>
    function noWork() {
       return "this pre won't be highlighted";
    }
</pre>
<h1>Code Example</h1>
<p>Check out this awesome function</p>
<pre>
    function multiply(x) {
       return x*2;
    }
</pre>

<table>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
</table>

CSS

h1 ~ pre {
    color: green;
    background-color: lightgray;
    padding: 5px;
}
td ~ td {
    color: red;
}
td ~ td ~ td {
    color: blue;
}