この画像のリストの上にある、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件
あなたの回答
tips
プレビュー