How to center an image in jquery mobile?

How to center an image in jquery mobile?

I am using jquery mobile for my mobile app but have been having issues
getting my image to be centered properly. As you can see from the image,
there is more white space to the left of the image compared to the right
side. This is happening consistently for all images on the page.
Any advice on how to fix this?
$("#allpictures").append('<div class = "img_center"><div><img
src = "'+item.url+'"></div></div><p style = "margin-left:10px;
margin-right:10px; font-size:15px;">'+item.title+'</p><br/>');
<style>
.img_center {
text-align:center;
}
.img_center * {
margin: 0 auto;
}
</style>