horizontal navbar css code example

Example 1: how to make a horizontal navigation bar in html

<!--Using Bootstrap Classes-->

<div id='nav' class='d-flex'>
  <div><a href='#'>Link A</a></div>
  <div><a href='#'>Link B</a></div>
  <div><a href='#'>Link C</a></div>
  <div><a href='#'>Link D</a></div>
  <div><a href='#'>Link E</a></div>
</div>

Example 2: navbar in css

<nav>
    <div class="nav-wrapper">
      <a href="#" class="brand-logo">Logo</a>
      <ul id="nav-mobile" class="right hide-on-med-and-down">
        <li><a href="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li><a href="collapsible.html">JavaScript</a></li>
      </ul>
    </div>
  </nav>

Example 3: CSS Navigation bar

<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>