JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">header</div>
<div id="content">
    <div>
        Page Content <br />
        <a id="a1" href="#anchor2" name="anchor1">Anchor 1</a>
test            
        <a id="a2" href="#anchor1" name="anchor2">Anchor 2</a> 
test2        
    </div>
</div>

CSS

#a1 { display: block; margin-top: 100px; }
#a2 { display: block; margin-top: 1000px; }