Result こういうの。まぁ特別なものでもないんですがコードがすっきりしてたのでメモ CMSの管理画面なんかで複雑化したページを階層表示する、とかWebサイトのサイトマップとかいろいろ用途はありそうです css.tree {/*親要素*/ position: relative; background: white; margin-top: 20px; padding: 30px; font-size: .85rem; font-weight: 400; line-height: 1.5; color: #212529; } .tree ul {/*親フォルダ*/ padding-left: 5px; list-style: none; } .tree ul li {/*ファイル名部分*/ position: relative; padding-top: 5px; padding-bott