title: How to add padding to elements in jQuery Mobile
body: <p>It's amazing how fast you start using this framework, but i'm stuck on one seemingly obvious thing. In all the layouts i've seen, including <a href="http://jquerymobile.com/themeroller/" rel="nofollow noreferrer">Theme Roller</a>, there is a lovely padding on all elements. for some bizarre reason, in the entire documentation, nothing is mentioned about creating this much needed space between the UI and the viewport.</p>
  
  <p>How does one define this?</p>
  
  <p>In HTML Desktop it would be as simple as </p>
  
  <pre><code>body{margin:20px}
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>To be sure, i even downloaded the default setting found on Theme Roller, and nothing happens.</p>
  
  <p>I wonder doesn't jQuery mobile have documentation on all the individual classes? Or at least list the different classes on a page somewhere so one can use them?</p>
  
  <p>Below i added an example of what i mean. It's actually form jQuery Mobiles own docs.
  What makes things even more confusing is that the button renders with the button having padding, but not the menu.</p>
  
  <p>To clarify, jQuery Mobile has a 'built in' method to simply add rounded corners to things, you just have to add <code>class="ui-corner-bl ui-corner-br"</code>... i'm looking ideally for that kinda method.</p>
  
  <p><img src="https://i.stack.imgur.com/okpYt.png" alt="enter image description here"></p>