Html 带3个div的容器内居中的文本

我有以下HTML：

<div id="Container">

    <input type="button" value="button" id="button1" />

    <div id="text1">
        some text here
    </div>

    <div id="TheButtons">
        <input type="button" value="button" class="MyButtons" id="button2" />
        <input type="button" value="button" class="MyButtons" id="button3" />
        <input type="button" value="button" class="MyButtons" id="button4" />
        <input type="button" value="button" class="MyButtons" id="button5" />
    </div>

</div>

如图所示，文本向左对齐。右边的按钮将具有不同语言的不同文本，因此我无法明确定义第三个div

按钮的宽度。如何使文本居中于按钮1和按钮之间

谢谢。
在HTML中，将
按钮
div置于
文本1
div之前。然后从
text1
中删除浮动，并将
overflow:auto
添加到
容器中

将
按钮
div放置在HTML中的
文本1
div之前。然后从
text1
中删除浮动，并将
overflow:auto
添加到
容器中

通过对元素重新排序，第一个元素向左浮动，第二个元素向右浮动，text1 div（一个将其内容居中的块元素）中的文本将在它们之间浮动到所需位置。溢出允许容器div清除浮动的元素。好的！！真的很酷！现在，我有英文的按钮，所以我使用了一个固定的尺寸宽度和文本对齐中心，使它发生，我基本上是寻找相反的显示内联块。谢谢你的回答：投赞成票！通过对元素重新排序，第一个元素向左浮动，第二个元素向右浮动，text1 div（一个将其内容居中的块元素）中的文本将在它们之间浮动到所需的位置。溢出允许容器div清除浮动的元素。好的！！真的很酷！现在，我有英文的按钮，所以我使用了一个固定的尺寸宽度和文本对齐中心，使它发生，我基本上是寻找相反的显示内联块。谢谢你的回答：投赞成票！
#Container{
    background:red;
    width:500px;
    height:50px;}

#button1{
    margin:7px;
    float:left;}

#text1{
    margin:7px;
    text-align:center;
    float:left;}

#TheButtons{
    float:right;
    margin:7px;}

.MyButtons{
    margin:0px 3px;
    float: left;}