/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

22 votes311 views2 answers
Input type number is not showing decimal cases when is 0.00 html
Html
213 votes379 views5 answers
How to put space in html
Html
0 vote313 views1 answer
Vue destroy listeners
Html
5 votes372 views2 answers
Hello World HTML Code Example
Html
0 vote307 views1 answer
Telto
Html
0 vote338 views1 answer
Render html helper list + prestashop 1.7
Html
0 vote336 views3 answers
Smooth scroll button by element id
Html
-103 votes324 views10 answers
Date
Html
-1 vote300 views1 answer
Html image in table
Html
0 vote307 views1 answer
Dynamic html table python
Html