JSFiddle - React, Tailwind, and code Playground

HTML

<section id="html">
    <h1>Required HTML5 Tags</h1>
    <ul>
        <li><code class="htmltag">&lt;article&gt;</code></li>
		<li><code class="htmltag">&lt;aside&gt;</code></li>
		<li><code class="htmltag">&lt;audio&gt;</code></li>
		<li><code class="htmltag">&lt;canvas&gt;</code></li>
		<li><code class="htmltag">&lt;figcaption&gt;</code></li>
		<li><code class="htmltag">&lt;figure&gt;</code></li>
		<li><code class="htmltag">&lt;footer&gt;</code></li>
		<li><code class="htmltag">&lt;header&gt;</code></li>
        <li><code class="htmltag">&lt;main&gt;</code></li>
		<li><code class="htmltag">&lt;mark&gt;</code></li>
		<li><code class="htmltag">&lt;meter&gt;</code></li>
        <li><code class="htmltag">&lt;nav&gt;</code></li>
		<li><code class="htmltag">&lt;progress&gt;</code></li>
        <li><code class="htmltag">&lt;section&gt;</code></li>
		<li><code class="htmltag">&lt;video&gt;</code></li>
    </ul>
</section>

<section id="css">
	<h1>Required CSS Properties</h1>
	<ul>
		<li><code class="cssprop">border-collapse</code> : <code class="cssval">separate</code>;</li>
		<li><code class="cssprop">border-spacing</code> : <code class="cssval">0.5em</code>;</li>
		<li><code class="cssprop">display</code> : <code class="cssval">table</code>;</li>
		<li><code class="cssprop">display</code> : <code class="cssval">table-cell</code>;</li>
		<li><code class="cssprop">display</code> : <code class="cssval">table-row</code>;</li>
	</ul>
</section>

CSS

* {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}
body {
	background-color: azure;
	font-family: Calibri, sans-serif;
    font-size: 1em/1.2em;
	margin: 1em auto;
}
code {
    font-family: "Lucida Console", "Courier New", fixed-width;
}
h1 {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding: 0.25em 0.5em;
}
section {
    display: block;
}
ul {
    list-style: square;
    margin-left: 3em;
}

.cssprop {
    color: navy;
}
.cssval {
    color: purple;
}
.htmltag {
    color: chocolate;
}

JavaScript

document.createElement("section");