title: JQueryMobile radio buttons with fieldcontain width issue on desktop
body: <p>I have 4 radio buttons horizontal and they look good on 320X300px (smartphone) but I want it to look good on a desktop or tablet.  How do I make the legend text wider or all fit in 2 columns.  I have tried using a grid but that seems to do nothing.  I suspect that I just need some CSS but I do not know what to do.</p>
  
  <pre><code>&lt;div data-role="fieldcontain" &gt;
  &lt;fieldset data-role="controlgroup" data-type="horizontal" data-ajax="true" class="row_b" &gt;
  &lt;legend&gt;This is a long question that gets wrapped around in a small space on a desktop but it would be great if it occupied more of the wasted space on the right.&lt;/legend&gt;
  &lt;input type="radio" name="q2" title="Did not apply to me at all" id="q2_0" value="0" /&gt;
  &lt;label for="q2_0" style="width: 65px;"&gt;0&lt;/label&gt;
  &lt;input type="radio" name="q2" title="Applied to me to some degree, or some of the time" id="q2_1" value="1" /&gt;
  &lt;label for="q2_1" style="width: 65px;"&gt;1&lt;/label&gt;
  &lt;input type="radio" name="q2" title="Applied to me to a considerable degree, or a good part of time" id="q2_2" value="2" /&gt;
  &lt;label for="q2_2" style="width: 65px;"&gt;2&lt;/label&gt;
  &lt;input type="radio" name="q2" title="Applied to me very much, or most of the time" id="q2_3" value="3" /&gt;
  &lt;label for="q2_3" style="width: 65px;"&gt;3&lt;/label&gt;
  &lt;/fieldset&gt;
  &lt;/div&gt;
  </code></pre>