HTML-таблицы проблемны для адаптивного дизайна из-за жесткой блочной модели. Ячейки и строки имеют фиксированное или относительное, но не гибкое, поведение. Это приводит к следующим проблемам:
Для рекурсивного обхода дерева с выводом текста с отступами можно использовать функцию, которая принимает узел и уровень вложенности. На каждом уровне добавляем отступы, например, с помощью пробелов или табуляций.
Мой опыт работы с CSS и версткой начинался с изучения чистого HTML и CSS, что дало прочную базу понимания блоковой модели, позиционирования, флексбоксов и адаптивной верстки.
HTML (HyperText Markup Language) — язык разметки для создания структуры веб-страниц. Определяет элементы страницы: заголовки, параграфы, изображения, ссылки.