I’m having issue with my header/nav-bar on this project, whenever I make it all of the items are on separate lines. I know that I can switch like everything in the HTML to display:inline, but I was wondering if there is something I’m missing? I feel like rewritting code is unwise since the whole idea of programming is problem solving. I’ve added my HTML below, thank for any help you guys can give me.
<header id="header"> <ul> <li> <div class="headerLogo"> <img src="summer.png"> <h2>Bombtasic Icecream</h2> </div> </li> <li> <nav id="nav-bar"> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About Us</a></li> <li><a href="#pricing">Pricing</a></li> </ul> </nav> </li> </ul> </header>