tooltip

by haba713

HTML

<table>
  <tr>
    <td class="tooltip-trigger">120
      <span class="tooltip-corner">◥</span>
      <div class="tooltip-content">This is tooltip.</div>
    </td>
  </tr>
</table>

CSS

.tooltip-corner {
  vertical-align: top;
  font-size: 5pt;
  color: red;
}

.tooltip-content {
  position: relative;
  background-color: #ff7;
  border: 1px solid #aa0;
  padding: 1px 2px;
  visibility: hidden;
}

.tooltip-trigger:hover .tooltip-content {
  visibility: visible;
}