Центрирование плавающей кнопки между двумя плавающими кнопками (жидкие размеры)

У меня проблемы с центрированием плавающей кнопки между двумя другими плавающими кнопками.

На данный момент это выглядит так:

На этом этапе CSS довольно прост:

A {
  float: left;
}
B {
  float: left;
}
C {
  float: right;
}

Примечание: кнопка A расположена в крайнем левом углу страницы, а кнопка C - в крайнем правом углу. B должен быть посередине (по крайней мере, идея такова).

Я знаю, что для числа с плавающей запятой не существует «центрального» значения. И я прочитал некоторые другие решения этой проблемы. Но большинство из них связано с установкой определенной ширины в div-оболочке, что, я думаю, не идеальное решение для дизайна жидкого макета. Если вам нужно обернуть кнопку, я не уверен, что это лучше, чем использовать прямое позиционирование.

В любом случае, я ищу решение, использующее подход жидкой компоновки.

Я также пробовал следующее, но это не помогло.

B {
  position: relative;
  left: 0;
  right: 0;
}

Любая помощь будет принята с благодарностью. Большое тебе спасибо.