title: How do I center an image if it's wider than its container?
body: <p>Normally, you center images with <code>display: block; margin: auto</code>, but if the image is larger than the container, it overflows to the right. How do I make it overflow to the both sides equally? The width of the container is fixed and known. The width of the image is unknown.</p>