Jak mogę wyrównać dwa bloki wbudowane tak, aby jeden był pozostawiony, a drugi dokładnie na tej samej linii? Dlaczego to takie trudne? Czy jest coś takiego jak wypełnienie LaTeXa, które może zużyć przestrzeń między nimi, aby to osiągnąć?

Nie chcę używać pływaków ponieważ dzięki blokom wbudowanym mogę ustawić linie podstawowe. A kiedy okno jest za małe dla obu, z blokami wstawionymi mogę po prostu zmienić wyrównanie tekstu do środka i będą one wyśrodkowane na szczycie drugiego. Pozycjonowanie względne (nadrzędne) + Bezwzględne (elementowe) ma te same problemy, co pozycjonowanie.

HTML5:

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

The 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>

Są tuż obok siebie, ale chcęnav po prawej.