html - 如何让div里面的内容显示在一行中

Question

我在一个 div 中有 4 个标签，它看起来像这样:

我希望它们显示在一行中，我该怎么做？

标签代码:

      <div style="float:left; width:50%">

         <asp:UpdatePanel ID="loginPanel" runat="server" UpdateMode="Always">
            <ContentTemplate>
              <asp:Label ID="LoginLabel" runat="server"  CssClass="label-info" Font-Bold="true"  ForeColor="White"  Width="300px"/> 
            </ContentTemplate>
         </asp:UpdatePanel>
            <%--Login ID--%>
          <asp:UpdatePanel ID="RolePanel" runat="server" UpdateMode="Always">
                <ContentTemplate>
                    <asp:Label ID="ShowRole" runat="server" CssClass="label-info" Font-Bold="true" ForeColor="White" Width="300px"/>
                </ContentTemplate>
            </asp:UpdatePanel>
        <%-- role --%>
            <asp:UpdatePanel ID="timePanel" runat="server" UpdateMode="Always">
                <ContentTemplate>
                    <asp:Label ID="ShowTime" runat="server" CssClass="label-info" Font-Bold="true" ForeColor="White" Width="300px"/>
                </ContentTemplate>
            </asp:UpdatePanel>
            <%--<br />--%>
         <asp:UpdatePanel ID="projPanel" runat="server" UpdateMode="Always">
          <ContentTemplate>
                    <asp:Label ID="ProjCount" runat="server"  CssClass="label-info" Font-Bold="true" ForeColor="White" Width="300px"/> <%--project counter--%>
           </ContentTemplate>
            </asp:UpdatePanel>
            </div>

Answer 1

我不知道 asp.net，但只有一个 css:

.label-info{
    display : inline-block;
    float : left;
}