/Html/Display li in navbar in the same line

Display li in navbar in the same line

.container {
  display:flex;
  justify-content:space-between;
  align-items:center;  
}

Source: stackoverflow.com

Display li in navbar in the same line

body{ background-color:#fff; color:#00f; font-family:"Raleway", Helvetica, sans-serif; margin:0;}.container {
  display:flex;
  justify-content:space-between;
  align-items:center;  
}
#logo{ border:3px solid; padding:0 10px;}#navbar li{ display:inline-block;}#navbar a{ text-decoration:none; font-size:18px; padding-right:15px;}

Source: stackoverflow.com

Display li in navbar in the same line

<div id="main-header">
  <div class="container">
    <h1 id="logo">HM</h1>
    <nav id="navbar">
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Projects</a></li>
        <li><a href="#" target="_blank">Github</a></li>
        <li><a href="#" target="_blank">Twitter</a></li>
      </ul>
    </nav>
  </div>
</div>

Source: stackoverflow.com

Similar codes

3 votes272 views2 answers
How to write 2 class in html
Html
6 votes222 views1 answer
Html underline
Html
1 vote256 views2 answers
Tailwind CSS alert
Html
0 vote277 views1 answer
Pass parameter and jump to particular section
Html
0 vote265 views1 answer
Definition list in html
Html
1 vote255 views2 answers
Readme.md text color
Html
1 vote249 views3 answers
Font awesome css content not working
Html
8 votes275 views3 answers
Jquery $ is not defined
Html
22 votes264 views2 answers
Input type number is not showing decimal cases when is 0.00 html
Html
10 votes247 views4 answers
Check the role of user in on_message discord.py
Html