Difference between
tag and the
tag?

Question

I have used the < div > tag to create a navigation menu bar but it only displays in a vertical fashion. However, I then changed the < div > tag into a < nav > tag, but still receive the same results in a vertical orientation.

are you using [Boostrap](https://getbootstrap.com/docs/4.3/components/navs/)? — danboh, Feb 11 '19 at 22:23
Possible duplicate of [Horizontal list items](https://stackoverflow.com/questions/15710701/horizontal-list-items) — soulshined, Feb 11 '19 at 22:25
if you had a look on w3schools you could find this https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black ; you also need to set li components float:left; — mdln97, Feb 11 '19 at 22:30

score 0 · Accepted Answer · answered Feb 11 '19 at 22:43

On the ul add display: flex;

nav {
  padding: 0;
  width: 100%;
  background: #262626;
  overflow: hidden;

}
li a {
  color: white !important;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}
li a:hover {
  background-color: gray;
}
li {
  list-style: none;
}
ul {
  display: flex;
}

<nav>
  <ul>
    <li><a href="#">HOME</a></li>
    <li><a href="#">SERVICES</a></li>
    <li><a href="#">ABOUT US</a></li>
    <li><a href="#">CONTACT</a></li>
    <li><a href="#">NEWS</a></li>
    <li><a href="#">FAQ</a></li>
  </ul>
</nav>

Difference between tag and the tag?

1 Answers1

Difference between
tag and the
tag?