jQuery Mobile radio buttons use fieldset and legend

Question

The documentation uses a fieldset with a legend to tell the user what to do. But I would like to use the full width of the screen.

If I remove the legend, then there is a blank column on the right-hand side now instead of the left.

Q: How can I use the entire width of the screen when asking for radio button input?

Answer 1

Working example : http://jsfiddle.net/Gajotres/e3Z6w/

This css override will fix your problem. It works on radio button and checkboxes.

.ui-controlgroup-label {
    width: 100% !important;
}