title: How to center an image that is wider than the browser window (not a background image)
body: <p>How can I centre a large image to the browser window, so that if it is wider than the window it will still be centred?</p>
  
  <p>See: <a href="http://carolineelisa.com/rob/" rel="noreferrer">http://carolineelisa.com/rob/</a></p>
  
  <p>I did not want to simply make the image a background image, as it changes dynamically to images of different sizes and I want to to be able to scroll down to see them at the correct heights. </p>
  
  <p>However I am open to making it a background image if the height of the container div can change depending on the background image height?</p>
  
  <p>I don't mind having a horizontal scrollbar, but would prefer not to.</p>
  
  <p>Thanks!</p>