<table style="width:90%;margin:10px auto 50px auto;background:rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.2);padding:10px;">
    <tr>
        <td style="border-bottom: 1px dotted rgba(0,0,0,0.2);">o. <a href="#valyrian-ferrero">Valyrian Ferrero</a></td>
        <td style="border-bottom: 1px dotted rgba(0,0,0,0.2);">27.2.2019</td>
        <td style="border-bottom: 1px dotted rgba(0,0,0,0.2);">e. <a href="http://vahtipossu.org/z/ferdi.html">Ferdi v.d. Belhoeve</a></td>
        <td style="border-bottom: 1px dotted rgba(0,0,0,0.2);">KTK-I, sijoituksia VVJ</td>
    </tr>
    <tr>
        <td style="border-bottom: 1px dotted rgba(0,0,0,0.2);">t. <a href="#toinen-varsa">Toinen Varsa</a></td>
        <td style="border-bottom: 1px dotted rgba(0,0,0,0.2);">00.00.0000</td>
        <td style="border-bottom: 1px dotted rgba(0,0,0,0.2);">e. <a href="http://osoite.fi/sivu.html">Tamman nimi</a></td>
        <td style="border-bottom: 1px dotted rgba(0,0,0,0.2);">meriittejä</td>
    </tr>
</table>

<!-- Jokaiselle varsalle oma modalDialog divi ja sisällöt, laita divin id:ksi hevosen nimi samassa muodossa, jossa linkität sen varsalistauksessa esimerkiksi osoite #valyarian-ferrero joten tietodivin id valyarian-ferrero -->
<div id="valyrian-ferrero" class="modalDialog">
    <div>
        <a href="#close" title="Close" class="close">X</a>
        <h2>Valyrian Ferrero</h2>
        <p>musta 97cm korkea shetlanninponiori<br>
        syntynyt Suomessa 00.00.0000</p>
        <p>Ferrero, eli tuttavallisemmin Ralli, saapui meille tilausvarsana Emmiltä helmikuussa 2019. Ralli on sellainen ori, joka ei pelkää yhtään mitään tai ketään. Ralli on kovin itsevarma ja reipas poni, ja sillä on jokseenkin vinksahtanut käsitys henkilökohtaisesta tilasta - tästä saattaa tosin syyttää vain allekirjoittanutta, joka piteli ponia vastasyntyneenä sylissä kuin koiraa. </p>
        <p>i. <a href="">Hevosen nimi</a><br>
        e. <a href="">Hevosen nimi</a></p>
        <p style="text-align: center;"><a href="http://www.lasikuu.net/virtuaali/poni/ralli.htm">Ponin omille sivuille</a></p>
    </div>
</div>

<div id="toinen-varsa" class="modalDialog">
    <div>
        <a href="#close" title="Close" class="close">X</a>
        <h2>Toinen varsa</h2>
        <p>musta 97cm korkea shetlanninponiori<br>
        syntynyt Suomessa 00.00.0000</p>
        <p>Ferrero, eli tuttavallisemmin Ralli, saapui meille tilausvarsana Emmiltä helmikuussa 2019. Ralli on sellainen ori, joka ei pelkää yhtään mitään tai ketään. Ralli on kovin itsevarma ja reipas poni, ja sillä on jokseenkin vinksahtanut käsitys henkilökohtaisesta tilasta - tästä saattaa tosin syyttää vain allekirjoittanutta, joka piteli ponia vastasyntyneenä sylissä kuin koiraa. </p>
        <p>i. <a href="">Hevosen nimi</a><br>
        e. <a href="">Hevosen nimi</a></p>
        <p style="text-align: center;"><a href="http://www.lasikuu.net/virtuaali/poni/ralli.htm">Ponin omille sivuille</a></p>
    </div>
</div>