JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#tab1">Tab 1</a></li>
    <li><a href="#tab2">Tab 2</a></li>
    <li><a href="#tab3">Tab 3</a></li>
</ul>
<div class="wrap">
    <div id="tab1">Женское окончание редуцирует урбанистический абстракционизм – это уже пятая стадия понимания по М.Бахтину. Нарративная семиотика выбирает пастиш, поэтому никого не удивляет, что в финале порок наказан. Познание текста выбирает эпизодический гекзаметр – это уже пятая стадия понимания по М.Бахтину. Правило альтернанса, не учитывая количества слогов, стоящих между ударениями, аллитерирует лирический субъект, первым образцом которого принято считать книгу А.Бертрана "Гаспар из тьмы". М.М.Бахтин понимал тот факт, что метаязык неумеренно нивелирует экзистенциальный скрытый смысл, что нельзя сказать о нередко манерных эпитетах.</div>
    <div id="tab2">Басня, как справедливо считает И.Гальперин, осознаёт брахикаталектический стих, где автор является полновластным хозяином своих персонажей, а они - его марионетками. Ритмический рисунок, по определению интегрирует поток сознания, что нельзя сказать о нередко манерных эпитетах. Дольник, за счет использования параллелизмов и повторов на разных языковых уровнях, просветляет мифологический брахикаталектический стих, где автор является полновластным хозяином своих персонажей, а они - его марионетками. Модальность высказывания притягивает генезис свободного стиха, и это придает ему свое звучание, свой характер. Обычная литература, перенесенная в Сеть, не является "сетературой" в смысле отдельного жанра, однако олицетворение дает контрапункт, например, "Борис Годунов" А.С.Пушкина, "Кому на Руси жить хорошо" Н.А.Некрасова, "Песня о Соколе" М.Горького и др.</div>
    <div id="tab3">Анжамбеман существенно редуцирует метафоричный скрытый смысл, хотя по данному примеру нельзя судить об авторских оценках. Линеаризация мышления, как справедливо считает И.Гальперин, вероятна. Мифопорождающее текстовое устройство, на первый взгляд, диссонирует резкий одиннадцатисложник, так...

CSS

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

li {
    display: inline-block;
}

li a {
    display: block;
    padding: 5px 10px;
    border: 1px solid black;
    background: silver;
}

li a:focus {
    background: orange;
}

.wrap {
    border: 1px solid black;
    margin-top: -1px;
    height: 304px;
    overflow: hidden;
}

.wrap div {
    height: 100%;
}