Mam problem z flexbox. Muszę ustawić Logo całkowicie po lewej stronie.
Kod html:
<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Lokalna strona</title>
<meta name="description" content="XXXX">
<meta name="author" content="XYZ">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
</head>
<body>
<div id="top-flex">
<h1 class="logo">Logo strony</h1>
<ul>
<li><a href="#">Najnowsze</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Pomoc</a></li>
</ul>
</div>
</body>
</html>
CSS:
body{
margin: 0;
}
#top-flex{
background-color: #292c3b;
width: 100%;
height: 70px;
line-height: 70px;
display: flex;
justify-content: flex-end;
}
.logo{
color: white;
float: left;
}
ul{
float: left;
display: flex;
justify-content: flex-end;
}
ul li{
padding: 0 10px 0 10px;
}