почему он переходит на другую строку?

Question

вот ссылка: http://eec.github.com/book/

Изображения переходят на вторую строку после появления 2-х изображений.

Я знаю, что float: left может решить проблему мгновенно, но я просто не понимаю, почему картинки расположены так?

Кто может сказать мне, почему? Спасибо вперед!

Answer 1

Следующие 6 ссылок (после первых 2) не имеют пробелов между ними, поэтому они не могут переноситься.

Если это помогает, изображения ведут себя как буквы в словах, поэтому эти 6 изображений в основном находятся в одном «слове». Браузер не разрывается внутри слов.

Answer 2

потому что после первого и второго есть пробел a.

Ваш текущий: http://jsfiddle.net/Sotiris/Qwk4M

Исправлено: http://jsfiddle.net/Sotiris/Qwk4M/1/