title: display text on hover
body: <p>When hovering over a  in html I want to display a text. Right now I have it this way:</p>
  <pre><code>echo &quot;&lt;td onmouseover='' style='cursor: pointer; background-color:#ffeb3b'  title=$text id=$text&gt;&lt;/td&gt;&quot;;
  </code></pre>
  <p>The problem is that it looks very small and without design.
  How could I make it look bigger and with a little look?</p>
  <p>I would like to do something similar to this in html.A box that appears on the right</p>
  <p><a href="https://i.stack.imgur.com/2zgKK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2zgKK.png" alt="https://ayudawp.com/wp-content/uploads/2020/07/tooltip.png" /></a></p>