CSS - позиционирование divs слева направо

Question

Я хочу, чтобы черные и белые квадраты, которые разделяют плитки/ячейки, перекрываются. Блоки черепицы/ячейки (там будет больше, в идеале) должны заполнить контейнер произвольного размера слева направо перед переходом в следующую строку. Что я делаю не так? Я думал, что слева направо был дефолт, но я знаю, что я переопределяю некоторые умолчания с абсолютными позициями.

http://jsfiddle.net/Hc7af/

Спасибо!

Answer 1

.cell{ 
    ... 
    float: left; 
} 

Это вы имеете в виду?

Также, если вы измените элемент p на div, он исправит проблему без обертывания. Я подозреваю, что это связано с стилями по умолчанию.