Как мне получить 2 деления внутри другого делителя по центру и плавать вправо?

Question

У меня есть 2 элемента на моей странице, которые я хочу отображать с одним центром по отношению к странице (заголовок страницы), а другой с плавающей точкой справа (панель навигации).Я не могу получить заголовок по центру страницы.Лучшее, что я могу сделать, это отцентрировать его относительно свободного места слева от панели навигации.

Это демонстрирует проблему, с которой я столкнулся.решение этого?

Answer 1

Как это это ?

<style>
  .page {
    width: 400px;
    margin: 0 auto;
    background: red;
    position:relative;
  }
  .navbar {
    position:absolute;
    right:2px;
   }
  .title {
      text-align: center;
  }
</style>


<div class='page'>
  <div class='navbar'>
    navbar
  </div>
  <div class='title'>
    <h1>TITLE GOES HERE</h1>
  </div>
</div>