Как разместить N делителей рядом друг с другом (в foreach PHP)?

Question

Я должен поместить неограниченное количество элементов div рядом друг с другом в цикле PHP foreach.У меня уже есть код, который создает div и содержимое div, единственное, что мне нужно знать сейчас, это как разместить их рядом друг с другом, так сказать, на одном lije.Я думаю, что float это ключевое слово?Я упускаю правильную идею в данный момент.Содержимое каждого из div - это список ul:

<div>
    <ul>
        <li>...</li>
        <li>...</li>
    </ul>
</div>

Спасибо за вашу помощь!

Answer 1

Дайте элементам div это правило CSS: display: inline-block; float: left.Они будут располагаться рядом, как текстовые символы.

Answer 2

на мой взгляд, лучший способ - это использовать CSS и "inline"

<style>
ul#display-inline-block-example,
ul#display-inline-block-example li {        
/* Setting a common base */         
margin: 0;
padding: 0;     }

ul#display-inline-block-example li {
    display: inline-block;
    width: 100px;
    min-height: 100px;
    background: #ccc;
} 
</style>

<ul id="display-inline-block-example">
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>

http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/