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
ご回答のほどよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー