title: How to align the text of the header in left align in jQuery Mobile?
body: <p>How do I align the text of the header to left align in <a href="http://en.wikipedia.org/wiki/JQuery_Mobile" rel="nofollow">jQuery Mobile</a>?</p>
  
  <p>I have specified it like the following.</p>
  
  <pre><code>&lt;div data-role=header data-theme="b"&gt;
      &lt;h1 align="left"&gt;&lt;font size="1px"&gt; My Contacts -&gt; Doctor &lt;/font&gt;&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but it is not appearing. I just wanted to align the <code>text in the header</code>, and I also need to resize the text size.</p>