Witam mam problem. Po przybliżeniu strony do np. 400% napisy najeżdżają na siebie. Jak to rozwiązać? Pozdrawiam! ;)
<!DOCTYPE HTML>
<html lang="pl">
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="navbar">
<ul>
<li><a class="navbar" href="#">GŁÓWNA</a></li>
<li><a class="navbar" href="/#">TEST1</a></li>
<li><a class="navbar" href="#">TEST2</a></li>
<li><a class="navbar" href="#">TEST3</a></li>
<li><a class="navbar" href="#">TEST4</a></li>
<li><a class="navbar" href="#">TEST5</a></li>
</ul>
</div>
</body>
</html>
body{
background-color: #FFFFFF;
margin: 0 !important;
}
.navbar{
background-color: black;
width: 100%;
font-size: 20px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 3px solid yellow;
}
ul{
margin: 0;
height: 25px;
line-height: 27px;
}
li{
line-height: 1;
padding-right: 10px;
display: inline;
cursor: default;
}
a:link{
text-decoration: none;
color: #FFFFFF;
}
a:visited{
color: #FFFFFF;
}
a:hover{
transition-duration: 1s;
opacity: 0.5;
font-size: 22px;
color: yellow;
}