nav bar css horizontal 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: how to make a horizontal navigation bar in html

<style>
#nav{
	display:flex;
}
</style>

<div id='nav'>
  <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>

Tags:

Html Example