title: text-align:center equivalent for iPad
body: <p>I am designing an html5 website for iPad. In the website there are 2 paragraphs as follows:</p>
  
  <pre><code>&lt;section id="desc"&gt;             
    &lt;p id="title-text"&gt;&lt;/p&gt;
    &lt;p id="alt-text"&gt;&lt;/p&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Whose text I want horizontally center of the screen. The text inside the "title-text" and "alt-text" will be filled dynamically at run-time by JavaScript and could change thus width and height have been set to auto and not a static value.</p>
  
  <p>On setting width as auto, it takes the width of the section as well as that of paragraph to be 100%, thus </p>
  
  <pre><code> margin:0 auto;
  </code></pre>
  
  <p>does not work.</p>
  
  <p>I have tried </p>
  
  <pre><code>text-align:center; 
  </code></pre>
  
  <p>but it does not work in iPad Safari(works on desktop Safari). </p>
  
  <p>Please Help! What should I do?</p>
  
  <p>P.S.- Already tried the </p>
  
  <pre><code>align="center" 
  </code></pre>
  
  <p>and the &lt; center > tag, which by the way is depreciated in HTML5, but to no avail.</p>