Also ich möchte eine Navigationsleiste erstellen, wie wir sie auf den meisten Seiten im Moment sehen. Wie es aussieht: 1 mittlerer Bereich, mit 2 Abständen (links und rechts). Dann sehen Sie ein Logo auf der linken Seite des "mittleren Bereichs" und die Navigation auf der rechten Seite. Aber ich weiß nicht, wie man das genau macht. Kann mir jemand helfen, ein Raster zu erstellen?HTML/CSS - Navigation
Vielen Dank!
* {
margin: 0;
padding: 0;
}
ul {
list-style-type: none;
}
li {
display: inline-block;
}
.main-nav {
background-color: #ffe;
padding: 10px 0;
}
.container {
width: 80%;
margin: 0 auto;
}
.main-nav ul {
float: right;
}<body>
<nav class="main-nav">
<div class="container">
<a href="">Logo</a>
<ul>
<li>about</li>
<li>team</li>
<li>countact us</li>
</ul>
</div>
</nav>
<section>
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto possimus aspernatur atque, dolorum, alias aliquam animi et omnis non dolor cupiditate nostrum minus, error voluptatem, ab cum dicta repudiandae sequi.</p>
</div>
</section>
</body>
Sie vielleicht wollen etwas tun, wie https://jsfiddle.net/link2pk/7uqvpc60/1/ – link2pk
@ link2pk Ja! Ich danke dir sehr! Und wenn ich den Wrapper auf den gleichen Umriss bringen möchte? – Gilles
Sie können das Nav innerhalb eines div oder Abschnitt oder Körpers wie https://jsfiddle.net/link2pk/7uqvpc60/2/ – link2pk