Most Common HTML Entity For Technical Documentation Tree Structure

Technical Documentation Tree Structure ( Box-drawing characters ) therefore typically only work well with monospaced fonts. If you write your task structure, it can be easier to maintenance and take care your task structure.

. . "Full Stop" is type before root.
├ ├ "Box Drawings Light Vertical and Right" is type at folder or file that has the other folders in the same level/branch structure.

─ ─ "Box Drawings Light Horizontal" to connect between ├ and space bar and folder or file name.
│ │ "Box Drawings Light Vertical" to connect the branch line vertically.

└ └ "Box Drawings Light Up and Right" to connect the last folder or last file, also can be used at the time there are an empty folder.

Output:

.
└── my-project;
    ├── src/
    │   ├── index.html
    │   └── my-project.css
    └── build/
        ├── index.html
        └── my-project.css

Notes:

In several web editor or web browser, you must turn off the word wrap function.

Bibliography

https://obsidian.md/

https://gitlab.com/nfriend/tree-online

https://en.wikipedia.org/

https://www.compart.com/