xxxxxxxxxx
<!--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>
xxxxxxxxxx
<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>
xxxxxxxxxx
#navigation{
list-style: none;
margin:0px;
padding:0px;
border-radius: 05px;
background:gray;
overflow:auto;
}
#navigation li{
float:left;
}
#navigation li a{
display:block;
text-decoration:none;
color:black;
padding: 15px 20px;
}