title: Show hidden text on hover (CSS)
body: <p>I have tried for a while now to show some text on <code>:hover</code>, is anyone able to explain it for me?</p>
  
  <p>I tried:</p>
  
  <pre><code>#DivForHoverItem:hover #HiddenText {
       display: block;}
  </code></pre>
  
  <p>without luck, sadly. This little piece is in every example I found.</p>
  
  <p>I also failed to understand: <a href="https://css-tricks.com/forums/topic/show-text-on-hover-with-css/" rel="nofollow">https://css-tricks.com/forums/topic/show-text-on-hover-with-css/</a></p>
  
  <p>I try to get <code>&lt;div id="DivForHoverItem"&gt;&lt;p&gt;Shown text&lt;/p&gt;&lt;/div&gt;</code></p>
  
  <pre><code>&lt;div id="HiddenText"&gt;&lt;p&gt;Hidden text&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#HiddenText {
     display: none;
  }
  </code></pre>
  
  <p>and the code line up there ^</p>
  
  <pre><code>#DivForHoverItem:hover #HiddenText {
       display: block;}
  </code></pre>