title: jQuery Mobile Horizontal Fieldset - Layout Issues
body: <p>Using jQuery Mobile 1.1, I'd like to horizontally lay out 2 different sets of radio buttons with some text in between.  I'm targeting the iPad, so it's a wider display than a phone.  Here's the HTML of what I'm trying to do, but it looks like crap on screen with both sets of radio buttons jammed together, and the text appearing to the right of everything:</p>
  
  <pre><code>&lt;fieldset data-role="controlgroup" data-type="horizontal"&gt;
          &lt;input type="radio" name="rdoOptions" data-mini="true" id="rdoOption1" checked="checked" /&gt;
          &lt;label for="rdoOption1"&gt;Option 1&lt;/label&gt;
          &lt;input type="radio" name="rdoOptions" data-mini="true" id="rdoOption2" /&gt;
          &lt;label for="rdoOption2"&gt;Option 2&lt;/label&gt;
          &lt;input type="radio" name="rdoOptions" data-mini="true" id="rdoOption3" /&gt;
          &lt;label for="rdoOption3"&gt;Option 3&lt;/label&gt;
          &lt;label&gt;Sort By:&lt;/label&gt;
          &lt;input type="radio" name="rdoSort" data-mini="true" id="rdoSortName" checked="checked" /&gt;
          &lt;label for="rdoSortName"&gt;Name&lt;/label&gt;
          &lt;input type="radio" name="rdoSort" data-mini="true" id="rdoSortDept" /&gt;
          &lt;label for="rdoSortDept"&gt;Department&lt;/label&gt;
      &lt;/fieldset&gt;
  </code></pre>
  
  <p>Thanks,</p>
  
  <p>Andy</p>