div中的垂直對齊元素

Question

我有一個div與CSS：

.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的底部。

當我使用單選按鈕時，它會設置div的botton。

我想將元素設置為div的頂部。

Answer 1

在.rowtitle中添加float:right;clear:both