Выровнять два встроенных блока -слева и справа на одной линии

Как выровнять два встроенных блока -так, чтобы один был слева, а другой справа на одной строке? Почему это так сложно? Есть ли что-то вроде \hfill в LaTeX, которое может использовать пространство между ними для достижения этой цели?

Я не хочу использовать числа с плавающей запятой , потому что с помощью встроенных блоков -я могу выровнять базовые линии. И когда окно слишком маленькое для них обоих, со встроенными блоками -я могу просто изменить выравнивание текста -по центру, и они будут центрированы один поверх другого. Относительное (родительское )+ абсолютное (позиционирование элемента )имеет те же проблемы, что и числа с плавающей запятой.

HTML5:

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

CSS:

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;
}

Они расположены рядом друг с другом, но я хочу navсправа.

a diagram

97
задан Charles 23 April 2012 в 00:34
поделиться