如何将所有元素组成一行？

Question

我有这个css和asp代码：

<asp:Panel ID="dvPagingFeatureArea" Style="color: #333333; background-color: #FFCC66;" runat="server" Visible="False">
    <div style="width: 100%; margin-right: 25%;" aria-hidden="False">
        <asp:Label Text="Number:" runat="server" />
        <asp:DropDownList ID="ddlFeaturePaging" runat="server" AutoPostBack="True" Style="background-color: #FFCC66; width: 70px;">
        </asp:DropDownList>
    </div>
    <div>
        <asp:ImageButton ImageUrl="../Images/arrow-left-01-128.png" runat="server" ID="prevItem" Style="width: 20px;" AlternateText="previous" />
        <asp:ImageButton ImageUrl="../Images/arrow-left-01-128.png" runat="server" ID="nextItem" Style="width: 20px;" AlternateText="next" />
    </div>

</asp:Panel>

在这里看起来如何：

我需要更改视图并将所有元素放在一行中。

像这样：

我需要在上面的css代码中更改哪些内容才能获得所需的视图？

Answer 1

基本上，让第一个div向右浮动：

<div style="width: 100%; margin-right: 25%; float: right;" aria-hidden="False">

Answer 2

您需要将其包含在float:left;的div中并将dropdown div设置为float: right;并将buttons div设置为float: left; - 这里是{{3} }（我已删除了asp控件）：

<div style="float:left">
  <div style="float:right" aria-hidden="False">
    <label>Number:</label>
    <select ID="ddlFeaturePaging" runat="server" AutoPostBack="True" Style="background-color: #FFCC66; width: 70px;">
    </select>
  </div>
  <div style="float: left;">
    <input type="button" Style="width: 120px;" value="button" />
    <input type="button" Style="width: 120px;" value="button" />
  </div>
</div>

</div>