javascript - 如何在同一行对齐 span 和 html 下拉列表？

Question

我设计的 UI 如下所示。

<div class="rightbadger">
    <span id="filterRecords">
        Number of Results Per Page
        <%:Html.DropDownList(
            "filterByPageNumber", 
            Model.ResultPerPage,
            null,
            new { onchange = "GetResultsPerPage()" }
        )
        %>
    </span>
</div>

CSS:

.rightbadger { margin-left: 600px;}

但跨度和下拉列表未在同一行中正确对齐。在某些浏览器中看起来不错，但某些浏览器显示如下所示。

Answer 1

只需放置 CSS

.filterRecords select{
    display:block;
}