Как я могу выровнять два встроенных блока так, чтобы один был слева, а другой справа на одной строке? Почему это так сложно? Есть ли что-то вроде \ hfill LaTeX, которое может использовать пространство между ними для достижения этой цели?
Я не хочу использовать поплавки потому что с inline-block я могу выровнять базовые линии. И когда окно слишком мало для них обоих, с помощью встроенных блоков я могу просто изменить выравнивание текста по центру, и они будут центрированы один поверх другого. Относительное (родительское) + абсолютное (элемент) позиционирование имеет те же проблемы, что и поплавки.
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
были справа.
position: absolute
иinline-block