title: how to center image in jquery mobile?
body: <p>I need to have in my mobile website an image in the start of the page and in the middle , like the image below:</p>
  
  <p><img src="https://i.stack.imgur.com/sX6GD.png" alt="enter image description here"></p>
  
  <p>How can i accomplish that in jquery mobile? I need a solution that will place the image always in the middle no matter what screen(mobile) the user uses. Also is there a way that the image will look bigger or smaller according to the screen? Like adopt in every different screen?</p>
  
  <p>From the jquery mobile site , when i use the codiqa to create an image in the start of the page and in the middle the code looks like this :</p>
  
  <pre><code>&lt;div style="width: 288px; height: 100px; position: relative; background-color: #fbfbfb; border: 1px solid #b8b8b8;"&gt;
              &lt;img src="http://codiqa.com/static/images/v2/image.png" alt="image" style="position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -18px"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However is not positioned correct and also the margins are in pixels insteaf of percentage , which i guess is wrong. </p>
  
  <p>Any ideas?</p>