Hallo zusammen,
Ich habe ein Problem bei dem ich am verzweifeln bin. Ich habe auf einer Test-Website eine nav-bar integriert. Jedoch schließt die rechts nicht bündig ab. Entweder es fehlt ein Stück bis zum rechten Rand oder er setzt den letzen Link in die nächste Zeile. Weiß jemand wie man das genau ausrichtet damit es links und rechts bündig ausgerichtet wird?
html:
<nav>
<ul>
<li class="nav1"><a href="1.html">1</a></li>
<li class="nav1"><a href="2.html">2</a></li>
<li class="nav1"><a href="3.html">3</a></li>
<li class="nav1"><a href="4.html">4</a></li>
<li><a href="5.php">5</a></li>
</ul>
</nav>
css:
nav
{
color: black;
width:1000px;
float: left;
display: table;
}
nav ul
{
list-style-type:none;
overflow:hidden;
}
nav li
{
float:left;
display: inline;
}
.nav1
{
width: 6em;
text-decoration: none;
border-right: 0.1rem solid white;
}
nav a:link,
nav a:visited
{
display: block;
width: 191px;
font-weight: bold;
color: black;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
background-color: silver;
}
Grüße
Mike