title: Create pure css tooltips with text content of page index items ( ordered list )
body: <p>I have created a wikipedia-like page index with help of an ordered list.
  Is it possible to display tooltips directly beneath the anchors, that show the content of the linked &quot;li&quot; element? With CSS only?</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  
  &lt;p&gt;some example text&lt;a href=&quot;#1&quot; class=&quot;listindex&quot; id=&quot;A1&quot;&gt;[1]&lt;/a&gt;&lt;/p&gt;
  
  
  &lt;ol&gt;
  &lt;li class=&quot;glist&quot; id=&quot;1&quot;&gt;&lt;a href=&quot;#A1&quot; title=&quot;Hochspringen&quot;&gt;↑&lt;/a&gt;content of this item&lt;br&gt;
  &lt;/li&gt;
  &lt;/ol&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>