title: Center an image in a div too small for it?
body: <p>So I have a div in my body that's a percentage width, and inside that a div with inline style as follows:</p>
  
  <pre><code>text-align: center; margin-left: -15px; margin-right: -15px; overflow: hidden;
  </code></pre>
  
  <p>As you can see, I have <code>text-align: center;</code> on, which would, if the image was small enough for the <code>div</code>, center the image. But the percentage width <code>div</code> is definitely not going to be big enough on my 1280x800 screen.</p>
  
  <p>The negative margins are to overcome some padding on it's parent <code>div</code>. The <code>overflow:hidden</code> makes things look like I want, not messy. So, it's kind of working like I want it, like the header image at <a href="http://www.onenaught.com/" rel="noreferrer">onenaught.com</a>. It will become more visible on the right as you make the browser wider, but not expand from both sides, because it's not centered.</p>
  
  <p>So, I wonder if there's any way to center the image. Know of any?</p>
  
  <p>Edit: page <a href="http://www.matthewfunkbarley.com/bio" rel="noreferrer">here</a>. </p>