title: Display div on hover and keep it displayed
body: <p>I have a div which is to be shown on hover of another div, but on hovering out it gets hidden again. I am trying <strong>not to hide the div on hover out</strong>,  with the help of <em>CSS</em> but not getting a way.</p>
  
  <pre><code>a:hover b {
    opacity : 1
  }
  
  a:unhover b {
    opacity : 1
  }
  </code></pre>
  
  <p>The <code>div</code> element is shown only after hover, but should not get hidden on hover out.</p>