JSFiddle - React, Tailwind, and code Playground

by ProPlayerMet

HTML

<!-- Video
Videos can make a web pages even better! We will now add a YouTube inline frame or iframe and link to a specific movie. You can also change the width and height attributes to make it bigger or smaller on your page. You also have the option of changing the frame border size to create an outline around it. 
-->

<body>
<h1>MARIO BROS.</h1>
	
<img width='230' src='http://s8.postimg.org/hjhl4eql1/Mario.png'/>
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Shigeru_Miyamoto_GDC_2007.jpg/220px-Shigeru_Miyamoto_GDC_2007.jpg'/>
	
<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; 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>

<iframe width="280" height="200" src="https://www.youtube.com/embed/eGokPrezut8" frameborder="10" allowfullscreen></iframe>
  
</body>

CSS

p {
    color: red;
}

h1 {
    color: blue;
}

h2 {
    color: green;
}

ul {
    color: yellow;
}

li {
    color: orange;
}