Ještě bych ten span udělat třeba zeleně podtržený (čárkovaně, či tečkovaně). Myslím, že na to je i tag, ale je už profláklej, jelikož místo vysvětlivek se v bublinách objevuje reklama. Proto bych si to udělal "růčo".
Udělal bych si class s názvem třeba "pavlovka", a pak to jen pral do textu. Čili například. Do <head>
<style type="text/css>
.pavlovka {border-bottom: 1px dashed green}
</style>
a v <body> pak už jen
<span class="pavlovka" title="to vysvětlení">text co je vidět a je podtržen</span>
<span class="pavlovka" title="na Moravě známe pouze 60-90-60">naše míry</span>