title: Hover effect on text under an image in CSS
body: <p>I can't apply a hover effect on the text under the image, or on the image itself. </p>
  
  <p>here's the code (CSS):</p>
  
  <pre><code>#photo {
      float: left;
      width: 10px;
      margin-left: 35px;
      text-align: justify;
  }
  
  .img-with-text {
      text-align: justify;
      width: 200px;
  }
  
  
  
  .img-with-text img{
      display: block;
      margin: 0 auto;
  }
  </code></pre>
  
  <p>how can apply some hover effects?</p>