这是我第一次尝试在 www.codeacademy.com 之外实际尝试做一些 CSS，但我遇到了一些麻烦。当我运行代码时，我发现标题中的文本未对齐，并且“注销”被推向右侧，而不是与“我的库存”距边缘的距离相同。我究竟做错了什么？如果我的结构很糟糕或有其他问题，请随时告诉我，以便我可以学习。我希望这是发生此类事情的正确地点！HTML 代码：<!DOCTYPE html><html dir="ltr"> <head> <meta charset="utf-8"> <title>Blank</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <div class="header"> <header> <ul> <li> <a class="active" href="#home">My Inventory</a></li> <li><a class="browse" href="#browse">Browse Papers</a></li> <li><a class="build" href="#build">Build A Paper</a></li> <li><a class="data" href="#data">View Data</a></li> <li style="float:right"><a class="admin" href="#admin">Settings</a></li> <li style="float:right"><a class="logout" href="#logout">Log Out</a></li> </ul> </header> </div> </div> </body></html>CSShtml { font-family: "PT Sans", sans-serif;}body { margin: 0; padding: 0;}.container { min-height:100%; min-width:100%; display: grid;}a { text-decoration: none;}.header{ font-size: 18px; line-height: 1.25pt; background-color: #00AFB5; width: 100%; height: 50px; top: 0; margin: 0; padding-top: 20px; padding-bottom:20px; padding-left: 10px; padding-right: 10px; list-style-type: none;}.header li { display: inline-block;}.header a { display: block; color: #fff;}
目前暂无任何回答
- 0 回答
- 0 关注
- 73 浏览
添加回答
举报
0/150
提交
取消