Yii CHtml::radioButtonList - CSS 水平对齐

我正在使用 yii 框架进行开发。我编写了 CSS 并且能够对齐我的<inputhtml 中的标签正确，我在 yii 中使用相同的 CSS，但对齐方式很混乱。有人可以帮我解决这个问题吗？

我希望它显示如下

这是我的 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>

如下图所示

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