Yii CHtml :: radioButtonList - CSS для выравнивания по горизонтали

Question

Я использую фреймворк yii для своей разработки.Я написал CSS и смог правильно выровнять свои теги <input в html, и я использую тот же CSS для yii, и выравнивание нарушено.Не могли бы вы помочь мне в этом?

Я хотел, чтобы он отображался как показано ниже

Вот код yii, который у меня есть

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

, и это происходит, как показано на рисунке ниже

Answer 1

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

Answer 2

Похоже, вам может понадобиться

div#gender input
{
    float:left;
}

Answer 3

добавить этот код CSS где-нибудь (например, в конец файла css / main.css):

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