Yii CHtml :: radioButtonList - CSS para alinear horizontalmente

Question

Estoy usando yii framework para mi desarrollo. Escribí CSS y pude alinear mis etiquetas <input en html correctamente y estoy usando el mismo CSS para yii y la alineación está en mal estado. ¿Podría alguien ayudarme en esto?

yo quería que se mostrará como a continuación

Este es el código yü tengo

<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> 

y está viniendo de la siguiente imagen

Answer 1

Parece que es posible que tenga

div#gender input 
{ 
    float:left; 
} 

Answer 2

añadir el código CSS en alguna parte (hasta el final de css/main.css, por ejemplo):

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'=>'', 
)); ?>