Como posso alinhar dois blocos em linha para que um fique e o outro esteja na mesma linha? Por que isso é tão difícil? Existe algo como o \ hfill do LaTeX que pode consumir o espaço entre eles para conseguir isso?

Eu não quero usar carros alegóricos porque com inline-blocks eu posso alinhar as linhas de base. E quando a janela é muito pequena para os dois, com blocos em linha, posso apenas alterar o alinhamento do texto para o centro e eles serão centralizados um sobre o outro. O posicionamento relativo (pai) + absoluto (elemento) tem os mesmos problemas que os flutuadores.

O HTML5:

<code><header>
    <h1>Title</h1>
    <nav>
        <a>A Link</a>
        <a>Another Link</a>
        <a>A Third Link</a>
    </nav>
</header>
</code>

O css:

<code>header {
    //text-align: center; // will set in js when the nav overflows (i think)
}

h1 {
    display: inline-block;
    margin-top: 0.321em;
}

nav {
    display: inline-block;
    vertical-align: baseline;
}
</code>

Eles estão bem ao lado um do outro, mas eu quero onav a direita.