JSFiddle - React, Tailwind, and code Playground

by ProPlayerMet

HTML

<!-- Images
- We can make web pages more interesting by adding local or internet based images using the <img> tag. Add the image tag: (with attributes) to your Mario Bros. JSFiddle, below the <h1> tag.
- Local file images need to provide attributes of location and file name.
- Internet file images need to provide a full web address (URL) to the file host.
- Go to Wikipedia and choose an interesting page. Right click on a picture and choose copy image URL to place it on your page.
-->

<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>
</body>

CSS

p {
    color: red;
}

h1 {
    color: blue;
}

h2 {
    color: green;
}

ul {
    color: yellow;
}

li {
    color: orange;
}