title: Getting my text to go over the background image
body: <p>I have this code:</p>
  
  <pre><code>&lt;div style="background-image: url('images/middle.png'); height: 390px; width: 900px; margin-top:190px; color:#000000;"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>which produces this:
  <img src="https://i.stack.imgur.com/uisvJ.png" alt="enter image description here"></p>
  
  <p>But when i put text in the div, no matter how much margins or anything i put on it does this:
  <img src="https://i.stack.imgur.com/yH943.png" alt="enter image description here"></p>
  
  <p>But i want the text be on the white image. </p>
  
  <p>Any ideas?</p>