CSSスニペット：CSSで横向きのフローチャート | かちびと.net

Result 横向きのフローチャートです。家系図とかにも使えそう コードは固定的で現在の環境下ではやや汎用性に欠けるかもしれません css.branch { position: relative; margin-left: 250px; } .branch:before { content: ""; width: 50px; border-top: 2px solid #eee9dc; position: absolute; left: -100px; top: 50%; margin-top: 1px; } .entry { position: relative; min-height: 60px; } .entry:before { content: ""; height: 100%; border-left: 2px solid #eee9dc; position: absolute