JSFiddle - React, Tailwind, and code Playground

by SubaRya

HTML

<!DOCTYPE html>
<html>
<head>
	<title>How to make hyper list</title>
</head>
<body>
    <section>
    	
    	<li><a href="#section1">section1</a><br></li>
    	<li><a href="#section2">section2</a><br></li>
    	<li><a href="#section3">section3</a><br></li>
    	<li><a href="#section4">section4</a><br></li>
    	
    <hr>
    </section>
    <section id="section1">
		<h1>Hello. My name is SubaRya Kutsuna.</h1>
		<p>(Introduce Myself)</p>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<hr>
    </section>
    <section id="section2">
    	<h1>My Senior High School's Life</h1>
    	<p>(Introduce)</p>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    	<hr>
    </section>
    <section id="section3">
    	<h1>Those Are My Bosom Friends</h1>
    	<p>(List All)</p>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    	<hr>
    </section>
    <section id="section4">
    	<h1>My Favorite Recreational Activities</h1>
    	<p>(List All)</p>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    	<hr>
    </section>
</body>
</html>