Как выровнять два встроенных блока -так, чтобы один был слева, а другой справа на одной строке? Почему это так сложно? Есть ли что-то вроде \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
справа.