title: Aligning Radio Button in a JSP/JSF with its label
body: <p>I would like to achieve the following in a JSF1.1 environment:</p>
  
  <p>Gender:   RadioButtonForFemale FEMALE    RadioButtonForMale  MALE</p>
  
  <pre><code>&lt;h:panelGroup&gt;
     &lt;h:outputLabel for = "searchSex" value = "#{bundle.Sex_Label}" style ="width:15%;"&gt;
     &lt;/h:outputLabel&gt;      
     &lt;h:selectOneRadio id="searchSex" value="#{yy.search_Sex}" style="verticle-align:top;font-size:95%;color:red;"&gt;
        &lt;f:selectItem itemLabel="F" itemValue="F" /&gt;
        &lt;f:selectItem itemLabel="M" itemValue="M"/&gt;
     &lt;/h:selectOneRadio&gt;
  &lt;/h:panelGroup&gt;
  </code></pre>
  
  <p>Basically, all the radio button should be in the same row as the lable (Gender in our case).</p>
  
  <p>Attached is my current code. the radio button appear in the next row. My PanelGrid has 1 column.</p>
  
  <p>thanks,</p>