Keep an Image Always Centered Regardless of Browser Size

Question

I am wondering if it is possible to keep an img inside a div always centered regardless of the browser size? By being centered I mean that the left

Answer 1

I am not sure about the align center looks proper to me as for the scroll bar. You can use the following:

overflow-x: hidden;