纯div css绘制树视图,结构图，组织框架图

Example DOM structure diagram

html
- head
  - title
- body
  - header
    - h1
    - p
  - nav
    - a
    - a
    - a
    - a
  - main
    - h1
    - article
      - h2
      - p
      - p
  - aside
    - h2
    - p
    - p
      - a
  - footer
    - nav
      - a
      - a
      - a
      - a

Example sitemap

Home
- About us
  - Our history
    - Founder
  - Our board
    - Brad Whiteman
    - Cynthia Tolken
    - Bobby Founderson
- Our products
  - The Widget 2000?
    - Order form
  - The McGuffin V2
    - Order form
- Contact us
  - Social media
    - Facebook