title: How to display corresponding tag on hover for a div
body: <p>Hi i have a circular div and i want some text to show up on hover and disappear on mouse out using only css
  for example if have a circular div , i want the tag say home to appear on its right side on hover and disappear on mouse out</p>
  
  <p>my code for the buttons is-   </p>
  
  <pre><code> .cbp-fbscroller &gt; nav a {
      display: block;
      position: relative;
      z-index: 9999;
      color: transparent;
      width: 26px;
      height: 26px;
      outline: none;
      margin: 25px 0;
      border-radius: 50%;
      border: 4px solid #fff;
  }
  
  .no-touch .cbp-fbscroller &gt; nav a:hover {
      background: rgba(255,255,255,0.4);
  }
  
  .cbp-fbscroller &gt; nav a.cbp-fbcurrent {
      background: #fff;
  }
  </code></pre>