title: css position absolute off center to the left
body: <p>I'm trying to position a div box off center and to the left. It must be absolute positioning and I can't wrap it within another div as it's generated by a very long js script.</p>
  
  <p>Here's my css so far:</p>
  
  <pre><code>.nivo-html-caption {
    position:absolute;
    top:59px;
    opacity:0.8;
    transition:all 0.8s ease-out;
    background-color: rgba(0,0,0,0.24);
    width: 350px;
    color: #cbcbcb;
    padding: 10px;
    margin:auto;
  }
  </code></pre>
  
  <p>I'm using the <code>margin:auto;</code> to center it and the <code>top:59px;</code> to push it down from the top. But I now need to push it off center to the left about 300px. </p>
  
  <p>I'm not quite sure how to do this without wrapping it in another div or putting another div inside it (which I really don't want to start doing as it's going to take a lot of messing around)</p>