Change Height of Horizontal Radio Button Group

Change Height of Horizontal Radio Button Group

Hi I would like to change the height of a horizontal radio button group. I have tried change style of fieldset and each input and changing css. Is it possible to change the height?

  1. <style>
  2. #popMaintDist
  3. {
  4. height: 10px ! important;
  5. }
  6. </style>
  7. </head>
  8. <body>
  9. <div data-role="page" id="page">
  10. <div data-role="content" id="content" style="width: 100%; margin-left: 0px; margin-top: 0px; padding-top: 0px; padding-left: 0px;">
  11. <table style="width: 100%;">
  12. <tr>
  13. <td>
  14. <label for="popMaintDist">District:</label>
  15. </td>
  16. <td>
  17. <fieldset data-role="controlgroup" id="popMaintDist" data-type="horizontal" data-mini="true">
  18. <input id="checkbox-v-2a" name="radioMaintDist" value="1" type="radio">
  19. <label for="checkbox-v-2a">One</label>
  20. <input id="checkbox-v-2e" name="radioMaintDist" value="2" type="radio">
  21. <label for="checkbox-v-2e">Two</label>
  22. <input id="checkbox-v-2f" name="radioMaintDist" value="3" type="radio">
  23. <label for="checkbox-v-2f">Three</label>
  24. <input id="checkbox-v-2b" name="radioMaintDist" value="4" type="radio">
  25. <label for="checkbox-v-2b">Four</label>
  26. </fieldset>
  27. </td>
  28. </tr>
  29. </table>
  30. </div>
  31. </div>
  32. </body>
  33. </html>