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

Question

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

http://jsfiddle.net/Hc7af/

Спасибо!

Answer 1

.cell{
    ...
    float: left;
}

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

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