Как разместить элементы рядом друг с другом по горизонтали?

Question

У меня есть семь панелей (каждая из которых содержит еще по 5 панелей), которые вместе составляют некую динамическую таблицу на основе моего кода на C #.Как я заставляю свои панели стоять горизонтально рядом друг с другом?

Я пробовал float:left;, но это не сработало.

Панели это:

    <asp:Panel ID="Panel0"  CssClass = "evenCulomn" runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel1" CssClass = "oddCulomn" runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel2" CssClass = "evenCulomn"  runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel3"  CssClass = "evenCulomn" runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel4"  CssClass = "oddCulomn" runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel5" CssClass = "evenCulomn"  runat="server">
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel6" CssClass = "oddCulomn"  runat="server">
    </asp:Panel>

Answer 1

float: left будет работать до тех пор, пока панели будут помещаться в контейнер.Как только ширина контейнера заполнится, они обернутся.

Я думаю, что ваша проблема в том, что ваши панели должны иметь фиксированную ширину - в противном случае они имеют ширину 100% и занимают все пространство и плавающее пространство:слева фактически игнорируется.

Примерно так:

.evenCulomn .oddCulom
{
    float: left;
    width: 200px;
}

Answer 2

.evenCulomn
{
 float:left
}
.oddCulomn
{
 float:left;
}