title: HTML show more text on hover
body: <p>First of all, I know this question was already asked and answered here: <a href="https://stackoverflow.com/questions/19188243/css-on-hover-show-content">CSS on hover show content</a></p>
  
  <p>But for some reason, it simply ISN'T working for me! So frustrating... I'll try and keep it brief.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul&gt;
     &lt;li class="servicesfin"&gt;&lt;a href=" "&gt;Financial Advising&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="servicesfindesc"&gt;
     &lt;p&gt;Offshore Bank accounts, money laundering, hedge funds, tax evasion, investing.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.servicesfindesc {
  opacity: 0;
  visibility: hidden;
  }
  
  .servicesfin:hover + .servicesfindesc {
  opacity: 1;
  visibility: visible;
  }
  </code></pre>