Yii CHtml :: radioButtonList - CSS per allineare orizzontalmente

Question

Sto usando il framework yii per il mio sviluppo. Ho scritto CSS e in grado di allineare correttamente i miei tag <input in html e sto usando lo stesso CSS per yii e l'allineamento è incasinato. Qualcuno potrebbe aiutarmi in questo?

ho voluto che fosse visualizzata come qui di seguito

ecco il codice Yii ho

<div id="gender"> 
     <label>Gender :</label> 
     <?php echo CHtml::radioButtonList('gender_code','',array('Male'=>'Male','Female'=>'Female'),array('separator'=>'')); ?> 
    </div> 

CSS

<style type="text/css">   
      div#gender { 
        margin-top:20px; 
        margin-left:200px; 
      }  

      div#gender label 
      { 
        font-weight: bold; 
        font-size: 0.9em; 
        float:left; 
        margin-left:2px; 
        text-align:left; 
        width:100px; 
      } 

</style> 

ed è venuta come sotto immagine

Answer 1

Sembra che si potrebbe aver bisogno

div#gender input 
{ 
    float:left; 
} 

Answer 2

aggiungere questo codice CSS da qualche parte (fino alla fine del css/main.css, per esempio):

input[type=radio] + label, input[type=checkbox] + label { display:inline !important; } 

Answer 3

<?php echo CHtml::radioButtonList('gender_code','',array('Male'=>'Male','Female'=>'Female'),array(
    'labelOptions'=>array('style'=>'display:inline'), // add this code 
    'separator'=>'', 
)); ?>