Текст не сместился вправо, а просто остался под картинкой:
Я хотел бы в классе header_inner между картинкой и текстом сделать отступ, но justify-content: space-between; не работает. Вот написанный html код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf=8">
<link href="https://fonts.googleapis.com/css2? family=Lato:ital,wght@0,300;0,700;0,900;1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="webpaint.css">
<title>We are Webpaint</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="header__inner">
<div class="header__logo">
<div class="im1"><img src="images/Logo.png" alt="Logo"></div>
</div>
<nav class="nav">
<a class="nav__link" href="#">HOME</a>
<a class="nav__link" href="#">PORTFOLIO</a>
<a class="nav__link" href="#">ABOUT</a>
<a class="nav__link" href="#">BLOG</a>
<a class="nav__link" href="#">CONTACT</a>
</nav>
</div>
</div>
</header>
</body>
</html>
Часть кода CSS:
.header__inner{
width:100%;
display: flex;
justify-content: space-between;
}
justify-content: space-between;
работает.css стили