Сделайте дерево из семантической вёрстки и CSS-спрайта.
Открыть в новом окне Открыть в песочнице
- Иконка должна быть всегда левее содержимого, даже если содержимое из двух и более строк.
- Над иконкой курсор становится указателем.
Исходный список UL/LI и картинка: tutorial/browser/css/tree-src/index.html
P.S. Достаточно сделать HTML/CSS-структуру, дерево (пока) не кликабельно.
Решение
Решение
Для решения можно применить принцип двухколоночной верстки float + margin. Иконка будет левой колонкой, а содержимое — правой: tutorial/browser/css/tree/index.html
#495