JSFiddle - React, Tailwind, and code Playground

HTML

<html>
	<head>
		<title>We are learning 5th Class Now</title>
	</head>
	<body>
		Yeah, We Are Ready To Learn HTML <br>
		Yhhh!! We Are Learning<br>
		<a href="http://www.google.com">This is a Link</a>
		<h1> This is Heading no 1</h1>
		<h2> This is Heading no 2</h2>
		<h3> This is Heading no 3</h3>
		<h4> This is Heading no 4</h4>
		<h5> This is Heading no 5</h5>
		<h6> This is Heading no 6</h6>
		<p>This is paragraph one and should be on top</p>
		<hr />
		<!-- This Is a paragraph -->		
		<p>This is paragraph two and should be at bottom.
		This is paragraph two and should be at bottom.
		This is paragraph two and should be at bottom.
		This is paragraph two and should be at bottom.
		This is paragraph two and should be at bottom.</p>
		<p>The following word uses a <b>bold</b> typeface.</p>
		<p>The following word uses a <i>italicized</i> typeface.</p>
		<p>The following word uses a <u>underlined</u> typeface.</p>
		<p>I have a friend called <abbr title="shahid afridi">Boom Boom</abbr>.</p>
		<hr /> 
		
		<!-- How To Add Image with Html -->	
		<img src='img/logo1.jpg' alt='logo1' width='300px' height='200px'><br>
		<img src='img/logo2.jpeg' alt='logo2' width='300px' height='200px'><br>
		
		<!-- Text Formating In Html -->
		
		<em>Emphasized text</em><br>
		<strong>Strong text</strong><br>
		<dfn>Definition term</dfn><br/>
		<code>A piece of computer code</code><br>
		<samp>Sample output from a computer program</samp><br>
		<kbd>Keyboard input</kbd><br>
		<var>Variable</var><br>
		
		
		<!-- Different Types of Lists -->
		
		<!-- Unordered List-->	
		
			<ul>
				<li>Yellow</li>
				<li>Blue</li>
				<li>Green</li>
			</ul>
			
		<!-- Ordered List -->	
		
			<ol>
				<li>Pakistan</li>
				<li>India</li>
				<li>Srilanka</li>
			</ol>
		<!-- Definition List -->
		
			<dl>
				<dt>Fruits Names</dt>
					<dd>Orange,Banana,Mango</dd>
				<dt>Vegetables</dt>
					<dd>Onion,Potato</dd>
				<dt>South Asia</dt>	
					<dd>Pakistan,India,Srilanka</dd>
			</dl>	
			
		<!--...