CSShtmlMenus:  horizontal menu trees by CSS

Content of interest: MenuTree.html and explanation

Not understanding CSS and disliking JavaScript, started with css3-familty-tree source..

• CSS horizontal menu tree diagram experiments

  • Htree.htm attempted to apply css3tree.html CSS to HorizontalTree.htm
  • MenuTree.html borrows Htree.html CSS and learning
    to convert css3tree.html from vertical to horizontal.
    • an example
  • nanoVNAmenu.htm CSS generates a tree using simpler html

• commented out style entries to detect effects

• added comments to describe those effects

Associating vertical branches with <ul> fails:

• vertical branch line extends the full height of all embedded content,
  while brand only among first generation <li> children is wanted.

Hardest for me was sorting out parent pairings.
Simplified CSS by settling for square joins between all branches and leaf stems.
Added optional <dl>, <dd> instead of <ul>, <li> for horizontal last generation to save vertical space

Tool tips:

• Use HTML title Attribute in menu element <p> tags, e.g. <p title="your tool tip here">Menu element</p>