JSFiddle - React, Tailwind, and code Playground
HTML
<div class="document-diplo">
<span class="line_num">[18] </span>Item.
Anno die quo supra<sup>1</sup><span>Pelegrina - uxor
<span>quondam Ysarni de Mont Server</span>,
filia
<span>Wilhelmi, dicti domini del Mas</span> -
</span><span class="before-p">Haec manet apud Cuellham</span>
testis iurata<span class="line_num">[19] </span>dixit quod vidit
<span>Gallardam, amitam suam</span>, et sociam suam, hereticas,
<span>in domo
Willelmi del Mas,
patris ipsius testis</span> et
<span>W<span class="supplied">[illelmi]</span> del Mas</span>.
Vidit<span class="line_num">[20] </span>ibi cum eis <span></span>patrem ipsius testis, et
<span>Fabrissam, matrem</span> ipsius testis. Et
<span></span>
ipsa testis et dicta mater ipsius testis adoraverunt dictas hereticas ter<span class="line_num">[21] </span>
flexis genibus dicendo, <span>"Benedicite bone mulieres, orate Deum pro nobis"</span>.
Et sunt XXV anni vel circa.
Item. Dixit quod vidit<span class="line_num">[22] </span><span>plures hereticos
</span><span>in domo
Ramundi de Canast
</span> ubi morabatur tunc
<span>Nestolt de Rocha Vila</span><sup>2</sup>,
et vidit ibi similiter
<span>hereticos quos non novit</span>,<span class="line_num">[23] </span>
sed nullum vidit ibi exceptis dictis hereticos. Et
<span></span>
ipsa testis adoravit ibi dictos hereticos.
Et fuit eodem tempore.
Item. Dixit quod vidit
<span>in<span class="line_num">[24] </span>domo
Petri...
CSS
.folio_num {font-style: normal; font-weight: bold;}
.line_num {font-style: normal; font-weight: bold; font-size: 90%;}