Javascript 如何将工具提示放在div的中心位置？

在没有Javascript的情况下，如何将工具提示放在红色圆圈的中心和正下方？先谢谢你！：-）

以下是我的问题的图像和标记位置：

我的代码当前如下所示：

HTML代码：

<li>
   <a class="ovm-oup_tooltip" href="#">
     <div id="ovm-oup_under_item_1" class="ovm-oup_under_item">
        <span>Text</span>
        <img src="Example_Logo.svg" alt="">
     </div>
   </a>
</li>

#ovm-oup_under ul{
  text-align: center;
  list-style-type: none;
  padding: 0;
}
#ovm-oup_under li{
  padding: 20px;
  margin: 15px;
  display: inline-block;
}
.ovm-oup_under_item{
  width: 96px;
  height: 96px;
  border-radius: 50%;
  box-shadow: 0 0 20px 5px rgba(0,0,0,.2);
  margin: 5px 5px 35px 5px;
}

.ovm-oup_tooltip {
    position: relative;
    display: inline;
}
.ovm-oup_tooltip span {
    position: absolute;
    width: auto;
    padding: 3px 15px;
    color: #FFFFFF;
    background: #000000;
    height: 30px;
    line-height: 30px;
    text-align: center;
    visibility: hidden;
    border-radius: 4px;
}
.ovm-oup_tooltip span:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0; height: 0;
    border-bottom: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.ovm-oup_tooltip:hover span {
    visibility: visible;
    margin: 0;
    top: 0%;
    left: 50%;
    z-index: 999;
}

---

一种解决方案是将工具提示（相对于父级

div

）与工具提示上的一个图标结合起来，以实现所需的位置：

/*将样式提取到样式表顶部，以显示所需的添加内容*/
.ovm-oup_工具提示范围{
/*将工具提示从父（div）宽度的左侧偏移50%
距离父高度的上边缘100%*/
左：50%；
最高：100%；
/*将工具提示拉回到其自身宽度的50%，轻推工具
向下倾斜8px以说明箭头点*/
转换：转换（-50%，8px）；
}
.ovm-oup_在_项下{
/*允许绝对放置子对象（工具提示）*/
位置：相对位置；
}
/*您现有的样式从这里开始*/
.ovm-oup_在_项下{
宽度：96px；
高度：96px；
边界半径：50%；
盒影：0 0 20px 5px rgba（0,0,0,2）；
保证金：5px 5px 35px 5px；
}
.ovm-oup_工具提示{
位置：相对位置；
显示：内联；
}
.ovm-oup_工具提示范围{
位置：绝对位置；
宽度：自动；
填充：3x15px；
颜色：#FFFFFF；
背景：#000000；
高度：30px；
线高：30px；
文本对齐：居中；
可见性：隐藏；
边界半径：4px；
}
.ovm-oup_工具提示范围：之后{
内容：''；
位置：绝对位置；
底部：100%；
左：50%；
左边距：-8px；
宽度：0；
身高：0；
边框底部：8px实心#000000；
右边框：8px实心透明；
左边框：8px实心透明；
}
.ovm-oup_工具提示：悬停范围{
能见度：可见；
保证金：0；
/*除去
最高：0%；
*/
左：50%；
z指数：999；
}