JSFiddle - React, Tailwind, and code Playground

by brouser

HTML

<!--Text in a web page
The web browser ignores extra spaces in HTML code. No matter how many spaces or new lines 
you put between words in your code they are shown 1 space apart on the web page.
-->


<h1>MARIO BROS.</h1>

<p>Mario Bros is a Nintendo game created by Shigeru Miyamoto in 1983. It is the 1st in a series of games that are popular all over the world.</p>

<h2>CHARACTERS:</h2>

<p>In the game, Mario and his younger brother are Italian-American plumbers. They fight creatures that come up from the sewers below New York City. Mario kills them by flipping them on their backs and kicking them away.</p>

<h2>ENEMIES:</h2>

<ul>There are four enemies:
<li>the Shell-creeper, which just walks around</li>
<li>the Side-stepper, which you have to hit twice to flip over</li>
<li>the Fighter Fly, which moves by jumping and can only be flipped when it is touching a wall</li>
<li>the Slip-ice, which turns ground and buildings into slippery ice. You can kill the Slip-ice straight away when you bump it from below</li>
</ul>

CSS

p {
  color: red;
}

h1 {
  color:  green;
}

h2 {
  color:  blue;
}

ul {
  color: yellow;
}

li {
  color: magenta;
}