title: How do I position 'data-icon' elements inside buttons in jQuery Mobile?
body: <p>I have a div with the following jQuery attributes:</p>
  
  <pre><code>&lt;div class="block" data-role="button" data-icon="home"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>And heres the CSS:</p>
  
  <pre><code>        .block{
              height: 50px;
              width: 50px;
              float: left;
              margin: 5px;
          }
  </code></pre>
  
  <p>The 'home' icon is in the top left of the button. How do I resize  / reposition it inside my button?</p>