, поэтому я хочу, чтобы мой сайт начинался с «h1» слева, а затем на том же самом уровне позиции меню справа, но 4 'li'items всегда сложены друг на друга и просто не попадают в одну строчку, они всегда в двух. Не знаю, что я сделал не так, просто не могу найти решение.Nav bar не будет плавать вправо правильно
спасибо за любую помощь уже.
-HTML-
<h1>Headline</h1>
<nav class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="work/index.html">Portfolio</a></li>
<li><a href="travel/index.html">Blog</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
-CSS-
h1{
padding: 0 4%;
padding-top: 1%;
text-transform: uppercase;
float: left;
}
nav{
float: right;
padding-right: 2%;
padding-top: 3%;
width: auto;
}
.menu ul{
list-style: none;
padding: 0;
margin: 0;
}
.menu li{
margin: 0 5%;
float: left;
}
.menu li a {
text-decoration: none;
color: #666666;
font-size: 25px;
font-weight: bold;
display: block;
float: left;
}
Я добавил ответ ниже, не забудьте поставить галочку, если это полезно –