Правильное позиционирование элементов в шаблоне HTML/CSS?

<nav>
 <ul>
  <li><a href="#">Загрузить</a></li>
  <li><a href="#">Помощь</a></li>
  <li><a href="#">Документы</a></li>
  <li><a href="#">Контакты</a></li>
  <li><a class="btn" href="#">Зарегистрироваться</a></li>
  <li><a class="btn" href="#">Войти</a></li>
 </ul>
</nav>

nav > ul{
  float: right;
  margin-top: 10px;
}
nav > ul > li{
  display: inline-block;
  padding: 0 5px;
}
nav > ul > li > a{
  color: #fff;
}
nav > ul > li > a.btn{
  border: 1px solid #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 4px 8px;
}