* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
여기서 어떻게 수정해야 4:47 처럼 달사진과 날씨맑음 글자가 수평으로 나열되나요?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
background-image: url("https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/webjong/images/background.jpg");
background-position: center;
background-size: cover;
color: white;
}
.navbar {
display: flex;
justify-content: space-between;
}
.weather {
display: flex;
align-items: center;
}
</style>
</head>
<body>
<nav class="navbar">
<img
src="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/webjong/images/sparta-logo.svg"
alt=""
/>
<div class="weather">
<img
src="https://ssl.gstatic.com/onebox/weather/64/partly_cloudy.png"
id="weather-icon"
/>
<p>날씨 맑음, 20ºC</p>
</div>
</nav>
<h1>Hello, My name!</h1>
<h1>12:30</h1>
<h3>My life's motto</h3>
<h2>웃으면 행복해집니다.</h2>
<p>- 작자 미상 -</p>
<p>멋진 명언입니다. 아이스크림을 먹으면 행복해져요.</p>
</body>
</html>
