title: Make text appear on hover
body: <p>So I need the text to appear on hover over the image (it doesnt have to be a link if that is too difficult)</p>
  
  <p>html</p>
  
  <pre><code>&lt;div id="con"&gt;
      &lt;div id="box1"&gt;
          &lt;p id="text1"&gt;
              &lt;a href="url"&gt;DESTINATION&lt;/a&gt;SS
          &lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#con {
  width:1024px;
  height:670px;
  background-color: #161717;
  }
  
  #box1 {
  float:left;
  font-size:25px;
  width:388px;
  height:477px;
  background-image: url(media/trying1.png);
  margin-left: 120px;
  margin-top: 90px;
  
  }
  </code></pre>