ヘッダーを右寄せにしたい

Question

ヘッダーを作ったのですが、右寄せにしたいのですがする事が出来ません。
どなたか解決策をお願いします。
コード

<header> <h3>Skald World</h3> <ul class="ulmain"> <li> <a href="#" class="amain">ホーム<br><small class="smallmain">Home</small></a> </li> <li> <a href="#" class="amain">ストーリー<br><small class="smallmain">Story</small></a> </li> <li> <a href="#" class="amain">システム<br><small class="smallmain">System</small></a> </li> <li> <a href="#" class="amain">スタッフ<br><small class="smallmain">Staff</small></a> </li> <li> <a href="#" class="amain">スタッフ募集<br><small class="smallmain">StaffRecruit</small></a> </li> <li> <a href="#" class="amain">外部リンク<br><small class="smallmain">RecruitLink</small></a> </li> </header>

body {
background-color: black;
}
header{
text-align: center;
}
li{
display: inline;
list-style: none;
margin: 15px;
}
.ulmain{
display: flex;
}
.amain{
text-decoration: none;
color: white;
}

Answer 1

これ（「float:right;」の追加）で意図した表示になりますか？

header{
text-align: center;
float:right;
}