title: Center Text in JQuery Mobile Checkbox
body: <p>Here's what I have:
  <img src="https://i.imgur.com/HNNL0zq.png" alt="Screenshot"></p>
  
  <p>Here's a JSFiddle with my code in it: <a href="http://jsfiddle.net/skbeez/pyvm8678/" rel="nofollow noreferrer">JSFiddle</a></p>
  
  <p>I want to center the text in the checkboxes and I've all of the following to no avail...</p>
  
  <p>I've tried each of these separately and they have absolutely no effect on centering the text</p>
  
  <pre><code>.ui-btn-text {
      margin-left: 50%;
  }
  
  .custom {
  text-align: center;
  }
  </code></pre>
  
  <p>What am I missing? I've tried searching google everywhere but all the examples I've found don't seem work in my case. Any help would be appreciated.</p>
  
  <p>I also want to center all the rows of buttons as well.</p>