网页标题元素应该在不使用引导程序的情况下向右拉

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中添加此内容应该有所帮助。