Não consigo posicionar a listar <nav> <ul><li></li></ul></nav>

Eu não consigo colocar a lista de navegação no local de cima na direita na pagina como faço isso abaixo segue meu HTML e CSS

HTML

<header>
            <div class="caixa">
                <h1>Barbearia Alura</h1>

                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="Produtos.html">Produtos</a></li>
                        <li><a href="Contato.html">Contato</a></li>
                    </ul>
                </nav>
            </div>
        </header>

CSS

header {
    background: #CCCCCC;
    padding: 20px 0;
}

.caixa{
    position: relative;
    margin: 0 auto;
}

h1{
    margin-left:10px;

    font-size: 40px

}

nav {
    text-align: right;
    top: 0
    right: 0;
}

nav li{

    display: inline;
    margin-left:15px;
}

nav a {

    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px

}