Jak zrobić menu żeby się nie rozsuwało na cała szerokość strony tylko na te link 1, link 2 itd ? tak ja na screenie http://screenshot.sh/oAg17nYG1lvdY
<ul>
<li><a href="#">jeden</a> </li>
<li><a href="#">dwa</a> </li>
<li><a href="#">trzy</a></li>
<li><a href="#">wysuwane</a>
<ul>
<li><a href="#">link - 1</a></li>
<br><li><a href="#">link - 2</a></li>
<br><li><a href="#">link - 3</a></li>
<br><li><a href="#">link - 4</a></li>
</ul>
</li>
</ul>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: auto;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
ul > li > ul {
display:none;
}
ul > li:hover > ul {
display:block;
}