paddingが勝手にかかっている

勝手にpaddingが勝手にleftに40px空いているのですが、原因は何でしょうか？
最初に*{padding： 0；}をやらないとダメですか？

該当のソースコード

HTML
1<!DOCTYPE html>
2<html lang="jp">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
7    <link rel="stylesheet" href="CSS/style.css">
8
9
10    <title>TEAM GREY</title>
11  </head>
12
13  <body>
14    <header>
15      <div class="header-wrapper">
16      <div class="header-right">
17        <h2>TEAM GRAY</h2>
18      </div>
19<!--       ここのpaddingがleftに40pxかかっている      -->
20      <div class="header-left">
21        <ol>
22          <ul><a href="#">WORKS</a></ul>
23          <ul><a href="#">SERVICE</a></ul>
24          <ul><a href="#">ABOUT</a></ul>
25          <ul><a href="#">CONTACT</a></ul>
26          <ul><a href="#"><i class="fab fa-instagram"></i></a></ul>
27          <ul><a href="#"><i class="fab fa-twitter-square"></i></a></ul>
28          <ul><a href="#"><i class="fab fa-facebook-square"></i></a></ul>
29        </ol>
30      </div>
31      </div>
32    </header>
33
34    <div class="">
35      <h1>TEAM GREY</h1>
36    </div>
37  </body>
38
39</html>

CSS
1@import url("sanitize.css");
2
3
4
5body {
6  width: 100%;
7  font-family: "A-OTF 新丸ゴ Pro";
8  color: #FFFFFF;
9  background-color:#1D1D1D;
10}
11
12h1 {
13
14}
15
16h2 {
17  margin: 0;
18  font-size: 35px;
19}
20
21a {
22  font-size: 24px;
23  color: #FFFFFF;
24  text-decoration: none;
25}
26
27header {
28  width: 100%;
29  height: 100px;
30
31}
32
33.header-wrapper {
34 margin-left: 60px;
35 margin-right: 60px;
36}
37
38.header-right {
39  float: left;
40}
41
42.header-left {
43  float: right;
44
45}
46
47.header-left ul {
48  float: left;: 
49}
50
51.header-left i {
52  font-size: 24px;
53}
54

ご回答のほどよろしくお願いいたします。

m.ts10806

2019/05/16 08:33

https://teratail.com/questions/188788 こちら解決したのでは？タイトルがほぼ同じで問題がどう違うのかわからないので、タイトル含めて調整願います。

miyabi_pudding

2019/05/16 14:00

mts10806さんの言う通りです。もし同じ内容の質問なら、元の質問にて、再度コメントするなりすべきです。また、解決は取り下げと、"まだ回答を求めています"要求を発信することができます。

行動規範の内容に同意します

回答1件

ベストアンサー

htmlの書き方に間違いがありますよ。
olの中にulは書けないです。
ちなみにpaddingは、olかulのどちらか、もしくは両方の、ブラウザが持つデフォルトのスタイルが入っていると思われます。
sanitize.css は有用なスタイルは残すタイプのリセットなので、別のリセットcssを探してみるのはどうでしょうか？

投稿2019/05/16 15:07