中心文字和浮动div向右

Question

i有一个容器div，其中有我想要中心的文本。我还想将一个div插入右侧漂浮的容器中，如这样：

<div id="container" style="text-align:center">
  Text
  <div id="child" style="float:right"></div>
</div>

不幸的是，发生的事情是文本不再相对于容器，而是由孩子的宽度向左移动。

有人知道如何使文本中心居中，同时将DIV保留在右边？

Answer 1

类似的东西...

<div style='position:relative;'>
  my centered text
  <div style='position:absolute;right:0;top:0'>
    my right div
  </div>
</div>

您显然可以将内联样式扔到CSS中。

Answer 2

明显地？创建3个相等的部分。左中和右？

<div id="container">
<div id="child1" style="float:right width: 30px;"></div>
<div id="child2" style="float:right width: 30px; text-align:center;">TEXT</div>
<div id="child3" style="float:right width: 30px;"></div>
</div>