title: How to display the jquery mobile page in center of the mobile window?
body: <p>I just Want to display the page what I have created to display in at the center of the mobile window.</p>
  
  <p>I Tried it like the following:</p>
  
  <pre><code>&lt;div data-role=page id=dcr &gt;
      &lt;div data-role=header data-theme="b" &gt;
          &lt;a href="home.php" data-icon="home"&gt;&lt;font size="1px"&gt;home&lt;/font&gt;&lt;/a&gt;
          &lt;h1 align="left" &gt;&lt;font size="1px"&gt;DCR&lt;/font&gt;&lt;/h1&gt;
      &lt;/div&gt; 
      &lt;div class="ui-grid-b" data-theme="c"&gt;
          &lt;div class="ui-block-a align-left"&gt;
            &lt;a onClick="setData('spanminus');setData('others|spanminus');" data-role="button" data-icon="arrow-l" data-iconpos="notext"&gt;&lt;/a&gt;        
  
  
          &lt;/div&gt;
          &lt;div class="ui-block-b center-wrapper"&gt;
            &lt;span&gt;&lt;font size="1" color="blue" &gt;&lt;b&gt;&lt;label id="topDt"&gt;&lt;?php echo date('D M j Y',strtotime($tDate));?&gt;&lt;/b&gt;&lt;/label&gt;&lt;/font&gt;&lt;/span&gt;
            &lt;span id="dcrDt" hidden&gt;&lt;?php echo $tDate;?&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="ui-block-c button-right"&gt;
            &lt;a onClick="setData('spanplus');setData('others|spanplus');" data-role="button" data-icon="arrow-r" data-iconpos="notext"&gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div data-role=content data-theme="d" id="dcrCall"&gt;
          &lt;div data-role=span style="align:center;"&gt; 
              &lt;span&gt;&lt;font size="1" color="blue" &gt;Status: Draft - 2 Days left to submit&lt;/font&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;br/&gt;
          &lt;?php
              $seldly=$dbHandle-&gt;execQuery("SELECT dd.doctor_id,dd.saved_on FROM tour_plan tp,doctor_dcr dd WHERE tp.user_id='$userId' AND tp.plan_id=dd.plan_id AND tp.tour_date='$tDate'");
              $gNR=$dbHandle-&gt;getNumRows($seldly);
          ?&gt;
          &lt;ul data-role=listview &lt;?php echo ($gNR &gt; 0)?'data-filter=true':'';?&gt;&gt;
              &lt;?php
                  if($gNR &gt; 0)
                  {
                      while($fetdly=$dbHandle-&gt;fetchObjectQuery($seldly))
                      {
                      ?&gt;
                          &lt;li&gt; &lt;?php echo docFullName($fetdly-&gt;doctor_id);?&gt;&lt;/li&gt;
                      &lt;?php
                      }
                  }
                  else
                  {
                      ?&gt;
                      &lt;li&gt;&lt;font size="1"&gt;No Calls&lt;/font&gt;&lt;/li&gt;
                  &lt;?php
                  }
                  ?&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div data-role="collapsible" id="unplanCall"&gt;
          &lt;h3&gt;Add Unplanned Call&lt;/h3&gt;
          &lt;ul data-role=listview&gt;
                  &lt;li&gt;&lt;input type="text" id="doc" name="doc" /&gt;&lt;input type="hidden" id="doc_id" name="doc_id" /&gt; &lt;/li&gt;
                  &lt;li&gt;&lt;input type="button" value="Add" onClick="addUnplan();"/&gt; &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I used the <code>CSS</code> techniques to achieve that but I can't.</p>