Вернуться к уроку

Дерево с многострочными узлами

важность: 3

Сделайте дерево при помощи семантической вёрстки и CSS-спрайта с иконками (есть готовый).

Выглядеть должно так (не кликабельно):

  • Поддержка многострочных названий узлов
  • Над иконкой курсор становится указателем.

Исходный документ содержит список UL/LI и ссылку на картинку.

P.S. Достаточно сделать HTML/CSS-структуру, действия добавим позже.

Открыть песочницу для задачи.

Для решения можно применить принцип двухколоночной верстки float + margin. Иконка будет левой колонкой, а содержимое – правой.

Открыть решение в песочнице.