html nav

HTML
    <nav>

   <a href="/html/">HTML</a> |

  <a href="/css/">CSS</a> |

  <a href="/js/">JavaScript</a> |

  <a href="/jquery/">jQuery</a>

 </nav>
 <ul>

 
<li><a href="default.asp">Home</a></li>

 
<li><a href="news.asp">News</a></li>

 
<li><a href="contact.asp">Contact</a></li>

 
<li><a href="about.asp">About</a></li>

</ul>
 Uses HTML's anchors:
<a href="#anch_start">INTRO</a>
<a href="#anch_end">ENDING</a>

'href' uses 'id' to find these segments:
<div class="intro"  id="anch_start"></div> 
<div class="epic_ending"  id="anch_end"></div><--for inserting a horizontal navigation in Css just make a 
list of navigation content links then in style tag add this tag -->
li {
  display: inline;
}
Source

Also in HTML: