Q&A
.container1にはなにか指定はありますか？
この画像のリストの上にある、paddingでもmarginでもない謎の余白は一体なんなのでしょうか...？
リストをちょうど縦方向真ん中に配置したいのでこの余白を無くしたいんですが...
解決方法をご存知の方いらっしゃいましたらよろしくおねがいします。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <header> <div class = "container1"> <div class = "header-logo"> <img class = "logo" src = "./header-logo.png"> </div> <div class = "header-list"> <ul> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> <li>リスト4</li> </ul> </div> </div> </header> </body> </html>
body { margin: 0; } header { height: 90px; width: 100%; background-color: #FE9A2E; } li{ list-style:none; float:left; } .logo{ float: left; height:60px; width:auto; padding:15px 20px 15px 20px; } .header-list { float: left; color:#ffffff; } .container1 { width: 100%; margin: 0 auto; }
回答2件
0
ベストアンサー
divを選択した時の画面なので、ulかliに、marginかpaddingがあると思います。
明示的に自分でリセットするか、reset.cssを読み込みましょう。
下記、HTML5用のreset.cssです。
http://www.html5.jp/html5doctor/html-5-reset-stylesheet.html
投稿2018/02/08 06:00
総合スコア3404
あなたの回答
tips
プレビュー
