css - 对齐选择框下方的链接按钮

Question

我试图在选择框下方放置一个链接按钮，但到目前为止还没有成功。一直以来，链接按钮都在选择框中。下面你可以看到

 <div class="field">
 <select id="@("Select" +item.Name)" name="@("Select" +item.Name)"></select>  
 </div>
 <div class="removed">  
 <a href="#" class="remove">Remove</a>
 </div>  

在 css 中我只有:

.field {
    margin: 0.5em 0 0 0;
}

您认为我应该如何处理这个按钮才能位于选择框下方。提前致谢， LAziale

更新:附上截图

HTML:

 <div id="accordion">

            @foreach (var item in Model.Parameters)
            {
                <h3><a href="#">@Html.LabelFor(m => item.Name, item.Prompt)</a></h3>
                <div>
                    <div class="label">
                        Search @*Html.TextBox("Search")*@ 
                        <input id="@("Search" + item.Name)" type="text" name="q" data-autocomplete="@Url.Action("QuickSearch/" + item.Name, "Report")" />
                    </div>

                    <div class="field">
                        <select multiple id="@("Select" +item.Name)" name="@("Select" +item.Name)"></select>  

                    </div>
                    <div class="removed">  
                     <a href="#" class="remove">Remove selection</a>
                    </div>  

                </div>
            }         
        </div>

CSS:

.display-label, 
.label {
    margin: 1em 0 0 0;
}

.display-field, 
.field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

Answer 1

您是否检查过您的代码，链接位于选择框下方。

如您所见:http://jsfiddle.net/ninadajnikar/ZtNcx/

或者你想在这里做些不同的事情？