JSFiddle - React, Tailwind, and code Playground

by mrtoxas

HTML

<div class="wrapper">
  <div class="links">
    <a href="#content1">content1</a>
    <a href="#content2">content2</a>
  </div>
  <div class="content">
    <div class="paragraph" id="content1">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Atque omnis sapiente pariatur ab, quasi velit, officiis tempore repellendus dignissimos ex odio! Id sunt temporibus dolores rem, ad labore dolorem aperiam!</div>
    <div class="paragraph" id="content2">Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. От всех, снова то буквоград, свой оксмокс она свое переулка океана ipsum вопроса жизни деревни осталось своих, залетают прямо. Они, рукопись?  </div>
  </div>
</div>

CSS

.wrapper {
  display: flex;
  justify-content: space-between;
}
.wrapper > div {
  border: 1px solid black;
  width: 50%;
}

.paragraph {
  display: none;
}
.paragraph:target {
  display: block;
}