Css 集中显示为内联且受浮点影响的div

我有这个问题，我想把一个div集中在一个标题中，问题是：我还有两个div（一个使用float left，另一个使用float right），请参见下面的内容：

<header>
  <div class="left">Hello World App Left</div>
  <div class="center">Center</div>
  <div class="right">Right</div>
</header>

但这并没有集中我的中心分区（几乎没有，但没有，因为它受到另外两个分区的影响），我有什么办法集中这个分区

---

请参阅我的

尝试将所有div向左浮动，并将宽度设置为每个div的33%。

若要将以前的答案作为可能的解决方案，您确实可以将每个div设置为33%，但为了防止缩放，请将整个div包装在一个div中。例如：

<div id='wrapper'>
<header>
  <div class="left">Hello World App Left</div>
  <div class="center">Center</div>
  <div class="right">Right</div>
</header>
</div>

---

中心div在我的屏幕（Firefox 28）上居中。它不是，它几乎居中，但它不是。你想让元素相对于什么居中？如果要根据视口调整其大小，则没有纯CSS解决方案，因为无法确定左右浮动的大小。此外，您还必须告诉我们，当每个元素中的文本变得太长而不得不溢出时，您期望的行为是什么。否则这个问题就太开放了——我们猜不出你期望的是什么。你希望文本的中心居中还是文本的左侧居中？；）Terry-我想让它相对于标题居中，它是一个图像，但在这个例子中，我放了一个文本。

<div id='wrapper'>
<header>
  <div class="left">Hello World App Left</div>
  <div class="center">Center</div>
  <div class="right">Right</div>
</header>
</div>

header{
  width: 100%;
  background-color:black;
  margin-top:50px;
  text-align:center;
}

.left{
  float left;
  width:33%;
}

.center{
  float:left;
  width:34%;
}

.right{
  float:left;
  width:33%;
}

#wrapper{
  width:1000px;
}