Неизвестный пробел между элементами списка

Question

Я создаю простой шаблон Joomla. Когда я пришел к очень странной проблеме. Хотя я не дал никаких полей или отступов, между элементами списка появляются пробелы.

Вот ссылка на скрипку. Нажмите здесь

Может кто-нибудь сказать мне, что я делаю не так?

Firebug ничего не показывает.

Answer 1

перед созданием сайта я предлагаю использовать сброс css. это позволяет избежать всех проблем с браузером и сбросить все элементы

это даже исправит вашу проблему

Answer 2

Это не имеет никакого отношения к сценарию joomla.Но это стандартное поведение встроенных блоков.Они добавляют около 4px поля справа, автоматически.

Быстрое решение проблемы заключается в применении float:left к элементам списка

Но подобный вопрос уже задавался, и ответчик предоставил лучшее решение,т.е. закрытие и запуск li в той же строке

<ul>
        <li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li>
</ul>

Более того, этот также может быть полезен для чтения.