Как разместить блок между зафлоачеными элементами?

Нужно сделать следующую сетку в шапке:
Блок прижатый к левому краю -- Блок по центру страницы -- Блок прижатый к правому.
Если с float left\right понятно, то как позиционировать между ними ровно по центру, а не за счет вычисления отступа? Размеры центрального блока будут меняться под содержимое.
Если выравнивать центральный за счет margin: 0 auto, то правый блок смещается вниз на строку. Если задавать центральному float, то на центр не оттащить потом через автоматические отступы, только напрямую задавая в пикселях.

<div class="header">
       <div class="left">
       <div class="center">
       <div class="right">
  </div>

.header {
   width: 100%;
   height: 100px;
}

.left {
  width: 143px;
  height: 38px; 
  float: left;
}

.center {
  width: 250px;
  height: 38px;
  margin: 0  auto;
}

.right {
  width: 100px;
  height: 38px;
  float: right; 
}