Simple HTML tree
Interactive demo
1. root
1.1 images
1.1.1 source
- one.xcf
- two.xcf
- one.jpg
- two.jpg
1.2 images
- three.jpg
- four.jpg
The Code
HTML
<details open>
<summary>root</summary>
<details>
<summary>images</summary>
<ul>
<li>one</li>
<li>two</li>
</ul>
</details>
</details>
CSS
details details {
margin-left: 1rem
}
Très simple!
