Menü margin geht nicht?
Hallo,
ich habe folgenden Code:
HTML:
<div id="menu">
<a href="euro-franken.html">Euro in Schweizer Franken</a>
<a href="euro-krone.html">Euro in Schweizer Franken</a>
<a href="euro-pfund.html">Euro in Schweizer Franken</a>
</div>
CSS:
#menu {
width: 45%;
padding: 20px;
display: none;
min-height: 100%;
background-color: rgb(71, 91, 107);
position: fixed;
z-index: 2;
animation: fadeIn 0.8s;
}
@keyframes fadeIn {
from {
width: 0%;
}
to {
width: 45%;
}
}
#menu a {
text-decoration: none;
color: white;
text-align: left;
margin-bottom: 50px;
border: 2px solid black;
}
Nun macht der aber kein Abstand zwischen den Links. Warum nicht?
LG