Итак, я хочу создать панель навигации, как мы видим на большинстве сайтов на данный момент. Как это выглядит: 1 средняя область, с двумя интервалами (слева и справа). Затем вы видите логотип слева от «средней области» и навигацию справа. Но я не знаю, как это сделать. Может ли кто-нибудь помочь мне настроить сетку?HTML/CSS - Навигация
Большое спасибо!
* {
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>
Вы могли бы хотеть сделать что-то вроде https://jsfiddle.net/link2pk/7uqvpc60/1/ – link2pk
@ link2pk Да! Спасибо огромное! И когда я хочу поднять обертку на одном контуре? – Gilles
вы можете обернуть навигацию внутри div или секции или тела, например https://jsfiddle.net/link2pk/7uqvpc60/2/ – link2pk