title: Getting a Rectangle box with arrow on hover the link in CSS
body: <p>I am trying to get a rectangle box with an arrow on hover the links.</p>
  
  <pre><code>             &lt;a href="//"&gt;NAME&lt;/a&gt;
  </code></pre>
  
  <p>on hover this i am trying to get a rectangle box with an arrow .
  For example
   like what we have in Facebook on hover of the Username we will be getting a rectangle box with contents inside it.</p>
  
  <p>How to apply Css for this one  ? </p>
  
  <p><img src="https://i.stack.imgur.com/rZHJV.png" alt="alt text"></p>