JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
    <div><a href="#a">A</a></div>
    <div><a href="#b">B</a></div>
    <div><a href="#c">C</a></div>
</div>
<div id="conteudo">
    <div class="a visivel"><a name="a"></a>Conteudo A</div>
    <div class="b"><a name="b"></a>Conteudo B</div>
    <div class="c"><a name="c"></a>Conteudo C</div>
</div>

CSS

#menu > div{
    display: inline;
    padding: 0 20px;
    border: 1px solid black;
}
#conteudo > div{
    margin: 300px 0;
    border: 1px solid black;
    
}
#conteudo > div.visivel{
    display: block;
}