JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#one">one</a>

<a href="#two">two</a>

<a href="#three">three</a>

<a href="#four">four</a>

<a href="#five">five</a>

<div id="one">one</div>
<div id="two">two</div>
<div id="three">three</div>
<div id="four">four</div>
<div id="five">five</div>

CSS

div {
    background-color:#FFF5CF;
    color:#D68800;
    border: 2px solid #D68800;
    font-size:20px;
    margin:10px;
    padding:20px;
    height:200px;
}
a {
    background-color:#D6EBFF;
    color:#004F9E;
    border: 2px solid #004F9E;
    margin-left:10px;
    padding:5px;
}