footerのcssが適用されません

Question

このような横並べのフッターを作ろうを思って試行錯誤してみたのですが、なぜかlist-styleやflexが適用されません。
何がおかしいのでしょうか？

/* CSSのリセット */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  font-family: 'Roboto', sans-serif;
}

<footer class="footer">
    <div class="footer-item">
      <ul　class="footer-list">
        <li>はじめての方へ</li>
        <li>よくあるご質問</li>
        <li>利用規約</li>
        <li>プライバシーポリシー</li>
        <li>サイトマップ</li>
        <li>リンク情報掲載のお願い</li>
        <li>運営会社</li>
        <li>採用情報</li>
      </ul>
    </div>
  </footer>

/* フッター */
.footer {
  height: 60px;
  background-color:gray;
}
.footer-item {
  max-width: 1140px;
  margin:0 auto;
}
.footer-item ul{
  display: flex;
  list-style: none;
  justify-content: center;
}

Answer 1

<ul　class="footer-list"><!--
   ↑ 全角を半角に直す -->

Comments

[takawork]

ありがとうございます！