Centering and positioning elements on the same row

Question

i have a question about centering and positioning elements behind one another. I have a block of text on the left and only one word in this case about, which should be centered and on the same line as the e-mail.

nav {
	text-align: center;
}

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

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

I tried to float the address to the left, but then the nav isn't in the center anymore. Any ideas how to accomplish this? It has to be easy, but i just don't know how.

Edit

The nav should be centered for the entire viewport, my current answer would be to absolute position the nav and set left and right to 0. but i don't know if this would be the best way to do it.

what it should look like:

Answer 1

I dont know if it is the best way but it looks like what you want to do

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>