Tooltip text for html table data in css
<p>I tried to make a tooltip text when I hover over a specific table column in my table but its not working. I don't want to use JS or Jquery. Any ideas how to make it work in CSS? Full working table row in JsFiddle</p>

<p>I tried this: <a href="http://www.w3schools.com/css/css_tooltip.asp" rel="nofollow">http://www.w3schools.com/css/css_tooltip.asp</a> But its not working in my code for some reason. Any ideas?</p>

<p>JsFiddle: <a href="https://jsfiddle.net/6tLmn9sd/" rel="nofollow">https://jsfiddle.net/6tLmn9sd/</a> </p>

<pre><code>&lt;div class="content"&gt;
&lt;div class="header"&gt;
&lt;/div&gt;
&lt;a name="172016"&gt;
&lt;!--1. riadok H--&gt;
&lt;table cellspacing="0" cellpadding="0" border="0"&gt;
&lt;tr&gt;
 &lt;th width="50px"&gt;C. u.&lt;/th&gt;
 &lt;th width="30px"&gt;Zobrazit&lt;/th&gt;
 &lt;th width="30px"&gt;Typ&lt;/th&gt;
 &lt;th width="200px"&gt;Cislo/Meno&lt;/th&gt;
 &lt;th width="600px"&gt;Popis&lt;/th&gt;
 &lt;th width="130px"&gt;System&lt;/th&gt;
 &lt;th width="100px"&gt;Dopad/Symptom&lt;/th&gt;
 &lt;th width="100px"&gt;Dátum zadania&lt;/th&gt;
 &lt;th width="100px"&gt;Dátum vzniku&lt;/th&gt;
 &lt;th width="100px"&gt;Datum Verifikacie&lt;/th&gt;
 &lt;th width="80px"&gt;Ukoncenie&lt;/th&gt;
 &lt;th width="500px"&gt;Komentár&lt;/th&gt;
 &lt;th width="100px"&gt;Dátum&lt;/th&gt;
 &lt;th width="60px"&gt;Počet&lt;/th&gt;
&lt;/tr&gt;
&lt;!--2. riadok D--&gt;
&lt;tr&gt;
 &lt;td style="text-align:center;background-color: #d0f5f6"&gt;100&lt;/td&gt;
 &lt;td style="text-align:center"&gt;X&lt;/td&gt;
 &lt;td style="text-align:center"&gt;C &lt;/td&gt;
 &lt;td&gt;DOBRIKOVA/DURACKA&lt;/td&gt;
 &lt;td&gt;&lt;div class="tooltip"&gt;Gefco PC nasa siet CD vs finalne riesenie internet gefco pc CORAIL     &lt;span class="tooltiptext"&gt;ked sa vytvara uplne novu hypotheza tak nefunguje vyber tlaciarni a globalny export tiez NOK (nepouzivame)&lt;/span&gt; &lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;CORAIL/CONSO&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td class="DZ"&gt;06/07/2016&lt;/td&gt;
 &lt;td class="DZ"&gt;06/07/2016&lt;/td&gt;
 &lt;td class="DZ"&gt;06/07/2016&lt;/td&gt;
 &lt;td style="text-align:center"&gt;OK&lt;/td&gt;
 &lt;td&gt;ked sa vytvara uplne novu hypotheza tak nefunguje vyber tlaciarni a globalny export tiez NOK (nepouzivame)&lt;/td&gt;
 &lt;td style="text-align:center"&gt;07/07/2016&lt;/td&gt;
 &lt;td style="text-align:center"&gt;2&lt;/td&gt;
&lt;/tr&gt;
</code></pre>