JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="navlist">
    <li><a href="#1">1</a>
    </li>
    <li><a href="#2">2</a>
    </li>
    <li><a href="#3">3</a>
    </li>
    <li><a href="#4">4</a>
    </li>
    <li><a href="#5">5</a>
    </li>
</ul>

<a id="1"> </a>
<h2>1</h2>

<p>1Lorem ipsum dolor sit amet, sonet molestie an qui, cum iriure evertitur concludaturque ne, inani utamur at duo. Usu ludus inermis molestie ut. Case doctus definitiones vis ex, mea ut habemus persequeris, vidit idque nec at. Ne eos nobis senserit voluptatum, eruditi invenire ius an, posse munere sed ea. Mea reque dicunt electram an, per veniam consul virtute cu. Ad mel harum aliquam instructior, nobis soluta omnium ad sea.</p>

<a id="2"></a>
<h2>2</h2>

<p>2Lorem ipsum dolor sit amet, sonet molestie an qui, cum iriure evertitur concludaturque ne, inani utamur at duo. Usu ludus inermis molestie ut. Case doctus definitiones vis ex, mea ut habemus persequeris, vidit idque nec at. Ne eos nobis senserit voluptatum, eruditi invenire ius an, posse munere sed ea. Mea reque dicunt electram an, per veniam consul virtute cu. Ad mel harum aliquam instructior, nobis soluta omnium ad sea. 2Lorem ipsum dolor sit amet, sonet molestie an qui, cum iriure evertitur concludaturque ne, inani utamur at duo. Usu ludus inermis molestie ut. Case doctus definitiones vis ex, mea ut habemus persequeris, vidit idque nec at. Ne eos nobis senserit voluptatum, eruditi invenire ius an, posse munere sed ea. Mea reque dicunt electram an, per veniam consul virtute cu. Ad mel harum aliquam instructior, nobis soluta omnium ad sea. 2Lorem ipsum dolor sit amet, sonet molestie an qui, cum iriure evertitur concludaturque ne, inani utamur at duo. Usu ludus inermis molestie ut. Case doctus definitiones vis ex, mea ut habemus persequeris, vidit idque nec at. Ne eos nobis senserit voluptatum, eruditi invenire ius an, posse munere sed ea. Mea reque dicunt electram an, per veniam consul virtute cu. Ad mel harum aliquam instructior, nobis soluta omnium ad sea. 2Lorem ipsum...

CSS

body {
    background-color:#F3E2A9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    line-height: 120%;
    margin:200px 0px 2000px 250px;
    padding:0px 0px 0px 0px;
    max-width:600px;
}
h2 {    
    padding-top:95px
}
#navlist {
    position: fixed;
    left: 50px;
    /**/
    top: 75px;
}
#navlist {
    padding-left: 0;
    margin-left: 0;
    border-bottom: 1px solid gray;
    width: 150px;
}
#navlist li {
    list-style: none;
    margin: 0;
    padding: 0.25em;
    border-top: 1px solid gray;
}
#navlist li a {
    line-height: 125%;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-variant:small-caps;
    font-style: bold;
}