ul,li タグ: CSS, ツリー表示サンプル

ツリー風の表示。CSS でいろいろ装飾。
こちらは見た目だけのサンプルです。

詰め将棋
- 001
  - 17飛正解
    - 28角
    - 15玉
  - 17龍失敗
    - 17角
- 002
- 新規項目

(2017/11-2022/06)
動作     : Edge101, Firefox99, Chrome101

◎その他ノート
・ツリーの ul, li の HTML は、実際にはデータファイルなどを読んで 
　JavaScript でプログラム処理で生成する。