asp.net - div中的垂直对齐元素

Question

我有一个带有 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 的底部时。

当我使用单选按钮时，它设置了 div 的底部。

我想将元素设置为 div 的顶部。

Answer 1

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