Hallo ich habe in der Schule jetzt Thema Webseiten und bin eine am erstellen nur oben das Auswahlmenü steht untereinander nur ich möchte dieses nebeneinander.
weiß jemand wie ich das hinbekomme ?
das ist der Html quellcode
HTML
<nav>
<ul>
<li><a class="active" href="#">Home</a></li>
<li><a href="uberuns.html">Über uns</a></li>
<li><a href="wagenbau.html">Wagenbau</a></li>
<li><a href="bilder.html">Bilder</a></li>
<li><a href="fahrplan.html">Fahrplan 2017</a></li>
<li><a href="kontakt.html">Kontakt / Anfragen</a></li>
</ul>
</nav>und der von css
Code
nav ul{
list-style: none;
margin: 0;
padding-left: 20px;
}
nav ul li{
float:left;
border: 1px solid #73726D;
width: 12%;
}
nav ul li a{
background: #F5A9E1;
display: block;
padding: 2% 0% 2% 0% ;
font-weight: bold;
font-size: 0.8em;
color: #e7f3ef;
text-decoration: none;
text-align: center;
}
nav ul li a:hover, nav ul li a.active{
background: #e7f3ef;
color: #528B8B;
}