JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
</head>
<body>
<p><a name ="top">Словарь терминов</a></p>
<hr/>
<a href="#а">А</a> <a href="#б">Б</a> <a href="#в">В</a> <a href="#г">Г</a> <a href="#д">Д</a> <a href="#е">Е</a>
<hr/>
<a name="а">А</a><br>
<p>АВТЕНТИЧЕСКИЙ</p>
кадансовый оборот, в котором заключительная тоническая гармония предваряется доминантной
<p>АЛИКВОТНЫЕ СТРУНЫ</p>
резонирующие струны, к которым исполнитель не прикасается во время игры
<p>АТАКТА</p>
гармонический элемент на басу нижнего или верхнего вводного тона<br>
<a href="#top">к началу</a>
<hr/>
<a name="б">Б</a><br>
<p>БАГАТЕЛЬ</p>
небольшая нетрудная для исполнения пьеса
<p>БАРТОКОВСКОЕ ПИЦЦИКАТО</p>
сильный щипок струны с последующим ударом струны о гриф
<p>БОНАНГ</p>
набор из 10-12 гонгов разного размера<br>
<a href="#top">к началу</a>
<hr>
<strong><a name="в">В</a><br></strong>
<br>
<a href="#top">к началу</a>
<hr>
<a name="г">Г</a><br>
<br>
<a href="#top">к началу</a>
<hr>
<a name="д">Д</a><br>
<br>
<a href="#top">к началу</a>
<hr>
</body>
</html>

CSS

hr{
	border: 1px solid #000;
	width: 200px;
	margin-left: 50px;
}
p{
	font-size: 20px;
	font-weight: bold;
	}