“Zeigen Sie Li in Navbar in derselben Zeile an” Code-Antworten

Zeigen Sie Li in Navbar in derselben Zeile an

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

Zeigen Sie Li in Navbar in derselben Zeile an

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;
}
Wandering Warbler

Zeigen Sie Li in Navbar in derselben Zeile an

<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>
Wandering Warbler

Ähnliche Antworten wie “Zeigen Sie Li in Navbar in derselben Zeile an”

Fragen ähnlich wie “Zeigen Sie Li in Navbar in derselben Zeile an”

Weitere verwandte Antworten zu “Zeigen Sie Li in Navbar in derselben Zeile an” auf HTML

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen