Html CSS帮助气泡居中箭头和气泡与文本对齐

我有一个弹出气泡，当你在文本上悬停时会弹出，我试图动态地使用它，但是我不能让它总是集中在文本上，不管气泡有多高。我已经尝试了我能想到的一切，但都不起作用：\

小提琴：

---

也许，你在寻找什么？或者至少可以根据您的需要进行修改。

您提供的JSFIDLE到底有什么问题？我希望气泡和箭头与文本垂直居中。意思是，箭头应该垂直在气泡的中间，然后箭头也应该与帮助文本对齐。我认为你应该在这里使用JS来计算绝对位置。我需要使用CSS，我知道我以前已经做过，但是我记不起我是怎么做的，或者至少现在不起作用了。