title: Change the font color of text inside div tag on hovering
body: <p>I am trying to change the color of the text and underline it, when a user hovers over a text. </p>
  
  <p>I tried the following and it doesn't work. I did look for a solution all over the internet and I didn't find any that suited my particular need. </p>
  
  <pre><code>&lt;style type="text/css"&gt;
      .container{ width: 100px; float: left; background: #e2edf9; overflow: hidden; }
      .content {width: 10px; height:20px; cursor: pointer; color: black; }
      .content:hover{color: orange;}
  &lt;/style&gt;
  
  &lt;div class="container"&gt;
      &lt;div class="content" onclick="search(this)" &gt;**EWR**&lt;/div&gt;
      &lt;div class="content" onclick="search(this)" &gt;**NRT**&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>