How to align image in horizontal centre of div & set image next to it?

I want to set an image centre of div & just next it want to set a new image in the same line. I don't want to set it in next line.

I have tried below code it set first image in centre but not other image next to it. It put image in next line.

<div style="margin:0px auto 0px auto;overflow: auto;background-color: #0CF">
                        <img src="../images/catchBug.png" style="margin:auto;" />
                        <img src="../images/signature.png"/>
                        </div>