html - 在同一行居中和定位元素

Question

我有一个关于居中和定位元素的问题。我在左边有一段文字，在这种情况下只有一个词关于，它应该居中并与电子邮件在同一行。

nav {
	text-align: center;
}

<address>
  <a href="#">Some text</a>
  <br>
  hi(at)mail.com
</address>

<nav>
  <a href="#">about</a>
</nav>

我试图将地址 float 到左侧，但导航不再位于中心。任何想法如何完成这个？它必须很容易，但我只是不知道如何。

编辑

导航应该以整个视口(viewport)为中心，我目前的答案是绝对定位导航并将左右设置为 0。但我不知道这是否是最好的方法。

它应该是什么样子:

Answer 1

我不知道这是否是最好的方式，但它看起来像你想做的

nav {
left:50%;
	text-align: center;
}
address{
  float:left;
}

<address>
  <a href="#">Some text</a>
  <br>
  hi(at)mail.com
</address>

<nav>
<br/>
  <a href="#">about</a>
</nav>