JSFiddle - React, Tailwind, and code Playground

HTML

<div class="adresa__obal">
                <span class="adresa__text">Adresa </span>
                <div class="adresa__tooltip">
                    <p style="font-family:b; margin:0;text-align:center;">
                        Technologicko-inovační park Ostrava s.r.o.</p><br>
                    <p style="padding:0 20px 0 20px; margin:0;">Vratimovská 681      <br>
                    709 00 Ostrava-Kunčice                     <br>

                    <a href="contact.php">Zobrazit na mapě</a></p>
                </div>
            </div>

CSS

.adresa__obal{
    position:relative;
}
.adresa__tooltip{
    border-radius:3px;
    background:#000;
    color:#fff;
    padding:6px;
    visibility:hidden;
    position:absolute;
    font-family:Georgia;
    width:auto;
}
.adresa__tooltip::after{
    width:0; height:0; content:'';
    border-left: 8px solid black;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position:absolute;
    left:100%;
    top:10px;
}
.adresa__text:hover + .adresa__tooltip,
.adresa__tooltip:hover{
    visibility:visible;
    opacity: 0.98;
    z-index:999;
    top:30px;
    left:170px;
}
.adresa__obal{
    text-align:right;
}
.adresa__text{
    line-height: 100px;
}