水平对齐字段集中的元素

Question

我在HTML表单中有这个字段集：

<fieldset id="itemListSelect">
    <p id="itemList"><label class="field">Item:</label> @Html.DropDownList("transaction_itemList", Model.ItemList, "")</p>
    <p id="itemQuantity"><label class="field">Quantity:</label> @Html.TextBox("transaction_itemQuantity", "", new { style = "width:75px;" })</p>
    <p id="removeItemFromTransaction">Remove this item</p>
</fieldset>

我做了这个CSS：

#itemList {
    float: left;
}

#itemQuantity, #removeItemFromTransaction {
    float: right;
}

我得到了上述结果，而我希望得到以下结果。

如何编辑我的CSS以获得我想要的结果？

Answer 1

#itemListSelect p{float: left; margin-right:30px;}
#itemListSelect p label{display:block;}  
#removeItemFromTransaction{padding-top:20px;}

这里是jsFlddle http://jsfiddle.net/tjnx8pxs/