Как отцентрировать один элемент внутри flex контейнера?

[Kardamon]

Добрый день. Есть три блока разной величины расположенных горизонтально внутри контейнера. Нужно второй блок расположить ровно по центру по горизонтали, как указано на скриншоте. У меня же получается так, что навигационный блок смещается чуть правее

[macomics]

А убрать центральный блок, расположив его там по центру, в еще один контейнер длиной во все свободное пространство между первым и третьим блоком нельзя?

[Kardamon]

Идея интересная, но мне не понятно как бы правильно сверстать, что бы они правильно наложились друг на друга и не конфликтовали?

[macomics]

Тогда уберите все 3 элемента в таблицу (1 строка и 3 колонки)

[Kardamon]

Оно так и сверстано. Проблема в том, что центральный блок центрируется относительно боковых элементов, а т.к. они разных размеров, то и центр смещен

[macomics]

  <table style="position: absolute; left: 0px; border: none; width: 100%">
   <tr>
    <td style="text-align: right; width: 10%">1</td>
    <td style="position: absolute; display: block; left: 0px; text-align: center; width: 100%">2</td>
    <td style="text-align: left; width: 30%">3</td>
   </tr>
  </table>

Вот так попробуйте