Как сделать в меню 1 элемент справа? И почему элементы не наследуют свойства классов?

Question

[Ян]

Я год не занимался версткой сайтов, а потом заново решил начать,и не получается немного.
Как сделать "вход на сайт" справа в меню, я наверное не в том классе прописываю свойства, и так и не понял, писать через justify-content или text-align, в чём разница и , не наследуется text-decoration: none на тег a через родительский класс. Точнее получается, что я прошу исправить свой недокод. Спасибо всем, кто поможет.
Вместо ссылок пока "#"

<header class="header">
        <menu class="header-menu">
            <nav class="header-nav">
                <ul class="header-menu-list">
                    <li><a href="#">выбор языка</a></li>
                    <li><a href="#">блог</a></li>
                    <li><a href="#" class="login">войти на сайт</a></li>
                </ul>
            </nav>
        </menu>
    </header>

body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    background-color: #DEE1E5;
}
.header {
    width: 100%;
    background-color: #F5F5F5;
    border: 1px solid #dcdcdc;
}
.header-nav {
    text-transform: uppercase;
    font-weight: 600;
    color: #67217A;
}
.header-nav ul {
    display: flex;
    list-style: none;
}
.header-nav li {
    padding: 15px;
}
.login {
    text-align: right;
}
.header-nav a{
    display: inline-block;
    text-decoration: none;
    color: #67217A;
}

Answer 1

[Максим]

ul li:last-child{
  margin-left: auto;
}

Comments

[Ян]

Спасибо!

[Rustam Bainazarov]

Ян, отметьте решением.