html - 将元素居中并让另一个元素向右浮动的最简单方法

Question

下面是我努力实现的目标

|                                 link | link | link             a,b,c search:  |

link-link-link 居中，a,b,c search 向右浮动。
我尝试用最简单的CSS+HTML来实现

我有什么:

<header>
<nav><a href="aaa">fff</a> | <a href="aaa">fff</a> | <a href="aaa">fff</a></nav>
<ul><li>a</li><li>b</li><li>c</li><li>search: </li></ul>
</header>

我在 header 上有 text-align: center。
我有 display:block; float: right 在 ul

上

这几乎给了我正确的东西，除了 UL 在下面一行...... 我可以通过给 ul 负 margin-top 来解决这个问题。

想知道是否有更好的解决方案。

Answer 1

最简单的方法:position: absolute; top: 0; right: 0;在 <ul> 上