/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

30 votes232 views6 answers
Bold text bootstrap
Html
1 vote243 views1 answer
Html select color
Html
0 vote242 views1 answer
How to set logo on site tab
Html
0 vote206 views1 answer
Kjsdahflkahsdkljfhlakjhsldkjfhjkdskslakjsdhflkjahsdlkfjhjahlksjdhflkjshfjkshakdjshfksjdhjkfsakdhfjkhsadlkjf
Html
0 vote221 views1 answer
Th tag in html
Html
2 votes230 views1 answer
Background body html
Html
0 vote220 views1 answer
Heiht jtml
Html
0 vote232 views1 answer
Calendar.js:156 Uncaught TypeError: Cannot set property 'src' of null at HTMLDivElement.<anonymous>
Html
31 votes251 views3 answers
Link email
Html
10 votes260 views2 answers
Html grundgerüst
Html