index.html
<!DOCTYPE html>
<html lang="en"><head><!--系统内置 start--><script type="text/javascript"></script><!--系统内置 end--><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><link rel="stylesheet" href="./index.css" /><title>编程题</title>
</head><body><ul class="container"><li class="item">Course</li><li class="item">会员</li><li class="item">活动福利</li><li class="item">前端</li></ul>
</body></html>index.css
html,
body {height: 100%;margin: 0;
}ul,
li {margin: 0;padding: 0;
}
li {list-style: none;
}h1,
h2 {margin: 0;
}p {margin: 0;padding: 0;
}/* 浏览器都有自己的默认样式，以上部分为清除浏览器默认样式 */ul {color: #ffffff;background-color: #282a35;}li {font-size: 14px;
}
.container{display:flex;
}
.item{margin-left:10px;margin-right:10px;
}运行结果
