I'm currently struggling to center an image in jQuery mobile using CSS. Despite trying various styles, the image refuses to budge from its original position. I even went to the extremes with my CSS to see if it would have any effect on the image, but nothing changed. I attempted to add a class directly to the image and align it to the center, but that also proved unsuccessful.
Snippet of HTML code:
<div class="me">
<h2 class="name">John Doe</h2>
<img src="MyPic1.jpg" alt="My Photo" height="200px"/>
</div>
CSS applied:
.me {
text-align: center;
padding-left: 50px;
margin-left: 100px;
}