### 実現したいこと・HTMLおよびCSSでの作業・フッターにナビ要素とコピーライトを記載し、それぞれ画面幅の左右端に配置したい ### 前提### 発生している問題・エラーメッセージ HTMLとCSSでホームページ制作を行っています。フッターにナビ要素とコピーライトを配置、space-betweenで端に持っていきたいのですが、上下に配置されてしまいます。 ``` エラーメッセージ ``` ### 該当のソースコード ```HTML Instagram Twitter Facebook ©Furniture Design ``` ```CSS footer { width: 1200px; display: flex; justify-content: space-between; margin: 0 auto 0 auto; } .footer-list { display: flex; list-style: none; width: 50%; } .footer-list > li > a { padding: 10px; text-decoration: none; color: black; } .copy { width: 50%; } ```

CSS:space-betweenの使い方について

実現したいこと

・HTMLおよびCSSでの作業
・フッターにナビ要素とコピーライトを記載し、それぞれ画面幅の左右端に配置したい

前提### 発生している問題・エラーメッセージ

HTMLとCSSでホームページ制作を行っています。
フッターにナビ要素とコピーライトを配置、space-betweenで端に持っていきたいのですが、
上下に配置されてしまいます。

エラーメッセージ

該当のソースコード

HTML
1<footer>
2      <!-- ナビゲーション -->
3      <div>
4        <ul class="footer-list">
5          <li><a href="">Instagram</a></li>
6          <li><a href="">Twitter</a></li>
7          <li><a href="">Facebook</a></li>
8        </ul>
9      </div>
10      <!-- コピーライト -->
11      <div class="copy">
12        <p>©Furniture Design</p>
13      </div>
14    </footer>

CSS
1footer {
2  width: 1200px;
3  display: flex;
4  justify-content: space-between;
5  margin: 0 auto 0 auto;
6}
7.footer-list {
8  display: flex;
9  list-style: none;
10  width: 50%;
11}
12.footer-list > li > a {
13  padding: 10px;
14  text-decoration: none;
15  color: black;
16}
17.copy {
18  width: 50%;
19}