div中的垂直对齐元素

时间:2012-12-25 07:49:16

标签: asp.net html

我有一个带css的div:

.row
{
width: 100%;
margin-bottom: 3px;
padding: 5px;
border-radius: 7px;
background-color: #F3F3F3;
text-align: right;
min-height: 20px;
}

并使用span的样式:

  .rowtitle
{
display: inline-block;
border-radius: 5px;
background-color: white;
padding: 3px;
margin-left: 5px;
width: 55px;
}

在html中,我使用它。

   <div class="row" style="vertical-align:top">
    <span class="rowtitle" style="width:85px">جنسیت  </span>
       <asp:RadioButtonList ID="jensiatRadioButtonList" runat="server" RepeatDirection="Horizontal" >
         <asp:ListItem Selected="True" Value="1">مرد</asp:ListItem>
         <asp:ListItem Value="0">زن</asp:ListItem>
       </asp:RadioButtonList>
   </div>

但是当我的控制宽度是大跨度设置为div的底部时。

当我使用radiobutton时,它会设置div的botton。

我想将set元素放在div的顶部。

enter image description here

1 个答案:

答案 0 :(得分:1)

float:right;clear:both添加到.rowtitle