JSFiddle - React, Tailwind, and code Playground

HTML

<!-- <html>, <head>, <body> tags

The <html> start tag is always added after the doctype, and the end tag is put on the last line of your HTML code file.

An HTML document has two sections: first the head, then the body.

The head section contains elements that are not printed on the screen, e.g. title, link or other tags.

The body section contains elements you will see on the page like text, images, video or others.

<head> and <body> tags are used to mark the start and end of these sections. Notice how elements within these sections are indented to make them easier to read.
-->

<!doctype HTML>
<html>

  <head>
    <meta charset='UTF-8'>
    <title>Your-Page-Title-1</title>
    <link rel="stylesheet" href="my_style.css">
	<script type="text/javascript" src="mariobros.js"></script>
  </head>

  <body>
    <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>
    
    <p>There are four enemies: the Shell-creeper, which just walks around; the Side-stepper, which you have to hit twice to flip over; the Fighter Fly, which moves by jumping and can only be flipped when it is touching a wall; and 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.</p>
  </body>

</html>