顯示一個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下面的dropdownlist下方的兩行中。

如何讓它只有一條線？

Answer 1

A <div>默認爲block element。 HTML塊元素位於其自己的行中。將<div align="right">替換爲<span style="float:right;">，並在之前將其放置下拉（以便在越野車IE6/7中也實現期望的效果）。 A <span>默認爲inline element。

在堅果：它應該結束了這樣的「原始」 HTML：

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

這就是說，上述喜歡內嵌樣式的CSS類，上面只是一個簡單的例子。