title: Image Behind Centered Page?
body: <p>I have some HTML/CSS that I came up with, I have centered the page and attempted to get an image either side (or behind it) of the centered page but I'm not sure how.</p>
  
  <p>Sorry for the bad explanation, here is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;style&gt;
  
        body {
          background-image: url("/images/background.png")
          }
  
        #wrap {
          width: 700px;
          margin: 0 auto;
          }
  
        hr.one {
          margin-top: 5px;
          margin-bottom: 5px;
          }
  
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      &lt;title&gt;ItzJavaCraft | Home&lt;/title&gt;
  
      &lt;div id="wrap"&gt;
  
        &lt;h1 align="center"&gt;ItzJavaCraft&lt;/h1&gt;
        &lt;hr class="one"&gt;
        &lt;p&gt;More coming soon...&lt;/p&gt;
  
      &lt;/div&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want to be able to get the background.png to the left, and the right of the page. </p>
  
  <p>P.S: Sorry of I have done anything incorrect here, I am new.</p>
  
  <p>Any help would be great!</p>
  
  <p>Thanks,</p>
  
  <p>—ItzJavaCraft</p>