title: How to hover span content from li
body: <p>I have a simple html code that has some data but the li has image background and on hover i want to show the data from span.</p>
  
  <p>HTML CODE:</p>
  
  <pre><code>&lt;ul class="container"&gt;
  &lt;li class="icons_27"&gt;&lt;span class="data_27"&gt;DATA 27 - TORONTO&lt;/span&gt;&lt;/li&gt;
  &lt;li class="icons_28"&gt;&lt;span class="data_28"&gt;DATA 28 - NEW YORK&lt;/span&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.container li span {
      display: none;
  }
  .container li span:hover {
      display: block;
  }
  </code></pre>
  
  <p>My question is how can i show the span data on hover ?</p>