在Div元素中显示单行

Question

我在Div元素中有以下元素:

<div class="section">
        <%= InventoryGoods.Metadata.PluralLabel %>
        <%= Html.DropDownList("p.Selection", new[]
                                                                    {
                                                                        new SelectListItem{Text = "Todas", Value = "0"},
                                                                        new SelectListItem{Text = "Iguais", Value="1"},
                                                                        new SelectListItem{Text = "Diferentes", Value="2"},
                                                                    })%>
        <div align="right"><a title="Apagar Todos Os Eventos" id="delete_all_Events" class="ui-widget ui-state-default ui-icon ui-icon-trash">
        </a></div>
    </div>

我想在中心显示复数标签(现在正在进行),此复数标签后面的下拉列表和此div最右侧的小部件.

我上面写的代码做了我想要的,但是将小部件放在下拉列表下面的行上,在这个div中创建了2行.

我怎么才能让它只有一条线？

Answer 1

<div>默认情况下,A 是块元素.HTML块元素位于自己的行中.代替<div align="right">通过<span style="float:right;">,并把它之前下拉(以达到在手推车IE6/7所需效果以及).<span>默认情况下,A 是内联元素.

坚持:它应该在"原始"HTML中以这样的方式结束:

<div style="text-align: center;">
    <span style="float: right;">right</span>
    <select><option>option</option></select>
</div>

也就是说,更喜欢内联样式的CSS类,上面只是一个基本的例子.