Dúvida Desafio - Display in line | HTML5 e CSS3 parte 2: posicionamento, listas e navegação

Ao inserir o header, não consigo deixa-lo inline

Meu código CSS }

nav {
    position: absolute;
    top: 110px;
    right: 0;
}

nav li {
    display: inline;
    margin: 0 0 0 15px;
}

nav a {
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

HTML
<body>
<header>
    <div class="caixa">
        <h1><img src="/img/logo.png" alt=""></h1>

        <nav>
            <ul>
                <li>
                    <a href="./index.html">Home</a>
                </li>
                <li>
                    <a href="/HTML5_CSS3_P2_posicionamento_listas e navegação/produtos.html">Produtos</a>
                </li>
                <li>
                    <a href="/HTML5_CSS3_P3_trabalhando com formulários e tabelas/contato.html ">Contato</a>
                </li>
            </ul>
        </nav>
    </div>
</header>