CSS: перенос элементов

Существует решение для построения дерева с использованием HTML + CSS. Еще немного JS используется для реализации функции свертывания узлов дерева. Вот собственно и сам пример. Проблема в том, что при большом количестве узлов, последние не помещаются в родительский контейнер. Можете предложить какие-то идеи по устранению данной проблемы? Что только не пробовал: и работал со свойством overflow и javascript задействовал - безрезультатно. Буду рад как готовому решению, так и его словесному описанию. Заранее спасибо. P.S.: Оригинал - CSS3 Family Tree

Ответ

Есть одна мысль. Сделать ul { white-space: nowrap; } li { display: inline-block!important; } Но надо будет тогда css крепко править, чтобы нужный вид со всеми линиями сохранился