html - 将标签和水平复选框列表彼此相邻放置

Question

尝试并排放置标签和复选框列表。在 Visual Studio 中，预览(设计窗口窗体)在标签下方显示复选框列表，这与我将窗体放在我们的服务器上并在 IE 中运行时相同。现在，如果我在 IE 中从 Visual Studio 运行它，它就可以工作。不幸的是我需要它在服务器上正常工作。我试过添加 display:inline、inline-block、inline-table、flex 到 div 和 float:right 到复选框列表。为什么不一致？我如何让这些并排排列？

<div >
        <asp:Label ID="Label18" runat="server" Text="Select"></asp:Label>
        <asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatDirection="Horizontal">
            <asp:ListItem>Roadway</asp:ListItem>
            <asp:ListItem>Resurfacing</asp:ListItem>
            <asp:ListItem>Storm Sewer</asp:ListItem>
            <asp:ListItem>Sidewalk</asp:ListItem>
            <asp:ListItem>Water</asp:ListItem>
            <asp:ListItem>Sewer</asp:ListItem>
            <asp:ListItem>Sewer Outfall</asp:ListItem>
            <asp:ListItem>Bridges/Culverts</asp:ListItem>
        </asp:CheckBoxList>
    </div>

Answer 1

我想通了(我猜我需要新的一天开始)......引用我的原始代码，我添加了 Position:relative 到主 div 和 position:absolute 到复选框列表。从服务器运行时，它在 IE 中正确对齐。如果从 VS 在 IE 中运行，它不会对齐...请看图。