JSFiddle - React, Tailwind, and code Playground

by ProPlayerMet

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:lightGreen;
}
h1 {
  color:red;
}
h2 {
  color:blue
}
ul {
  color:orange;
}