JSFiddle - React, Tailwind, and code Playground

HTML

<div dir=rtl>
    <center>
         <h1>מפתח ענינים</h1>

    </center>
    <hr>
    <section>
        <br>
        <center>
            <br>
             <h2>- ב -</h2>

        </center>
        <br>
         <h2>בינה</h2>

        <div=records style="text-align: justify;">
            <dl>
                <dd style="font-weight:bold;">בראשית</dd>
                <dd><a href="">34 (דוקא ע"י בינה מגיעים לחכמה).</a>

<a href="">57 (יש ב' מדריגות בבינה, בחי' חיצוניות בינה ובחי' פנימי' בינה).</a>
 <a href="">59 (עיקר השמחה הוא בבינה).</a><a href=""> 74 (פנימי' בינה נק' עלמא דאתכסיא, וחיצוניות בינה נק' עלמא דאתגליא).</a><a href=""> 154 (ענין הביטול בבינה).</a><a href=""> 341 (ענין ההתבוננות).</a>

                </dd>
            </dl>
<br>            
            <dl>
                <dd style="font-weight:bold;">שמות א</dd>
                <dd><a href="">34 (דוקא ע"י בינה מגיעים לחכמה).</a>

<a href="">57 (יש ב' מדריגות בבינה, בחי' חיצוניות בינה ובחי' פנימי' בינה).</a>
 <a href="">59 (עיקר השמחה הוא בבינה).</a><a href=""> 74 (פנימי' בינה נק' עלמא דאתכסיא, וחיצוניות בינה נק' עלמא דאתגליא).</a><a href=""> 154 (ענין הביטול בבינה).</a><a href=""> 341 (ענין ההתבוננות).</a>

                </dd>
            </dl>
    </section>
</div>

CSS

body {
    font-family:'Noticia Text', serif;
    text-shadow:0 0 1px;
}
h1 {
    font-size: 20pt;
}
h1, h2 {
    margin:0 1em 0 0;
}
section {
    width:80%;
    margin:auto;
    column-count:2;
}
a {
    text-decoration:none;
    color:black;
}
dl {
    margin:0;
    padding:0;
}
dd {
    margin:0;
    padding:0;
}