Как создать меню справа в шапке сайта, чтобы оно не выезжало за содержимое сайта?
*
{
margin: 0;
padding: 0;
}
body div {
outline: 1px solid #000000;
}
#wrapper {
width: 100%;
height: 2300px;
margin: 0 auto;
outline: 1px solid #ff0000;
}
.container {
width: 1200px;
margin: 0 auto;
text-align: center;
left: 0;
right: 0;
position: absolute;
}
#header {
height: 600px;
background:url(img/header.jpg) no-repeat;
background-size: cover;
}
ul {
text-align: center;
}
ul li {
text-align: center;
display: inline-block;
}
.float {
float: right;
}
clear {
clear: both;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="container">
<nav>
<ul class="float">
<li>11</li>
<li>1</li>
<li>11</li>
<li>11</li>
</ul>
</nav>
</div>
</div>
<div id="topNav"></div>
<div id="content">
<p>
If you're involved in an internet marketing business, thenyou've probably already come face-to-face with your #1enemy - "Time Wasting".
</p>
</div>
<div id="leftNav"></div>
<div id="rightNav"></div>
<div class="clear"></div>
<div id="footer"></div>
</div>
</body>
</html>