html - 网页标题元素应该在不使用 Bootstrap 的情况下向右拉

Question

我是网络开发的新手，正在做一个小元素来加深我对所学的 HTML 和 CSS 的理解。我一直在尝试将我的无序菜单列表向右推，但没有成功，下面是我的代码，有人可以帮忙吗:

    <header>
        <ul>
            <li><a href="seller.html">Seller</a></li>
            <li><a href="buyer.html">Buyer</a></li>
            <li><a href="log.html">Log in</a></li>
            <li><a href="sign.html">Sign up</a></li>
        </ul>
    </header>

body{
  width: 100%;
  height: 100%;
  background-size: cover;
  display:-webkit-box;
  -webkit-box-pack:center;
}

.big_wrapper{
    width:1100px;
}

header{
    border-bottom:2px solid blue;
    margin:0;
    padding:2px;

}

header>ul>li{
    display:inline-block;
    padding:0 5px;
}

header>ul>li>a{
    text-decoration:none;
}

Answer 1

header ul { text-align: right; }

在 css 中添加这个应该会有帮助。