html - 左右对齐同一行上的两个 div

Question

现在我在父 div 下有两个 div：

<div id="block_container">
    <div id="bloc1">
        some words
    </div>

    <div id="bloc2">
      <input placeholder="...">
    </div>
</div>

在哪里

#block_container
{
    text-align:center;
}
#bloc1, #bloc2
{   
    display:inline;

}
#contact textarea {
  width: 80%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: auto 0 5px;
  padding: 10px;
}

这可以让两个 div 组件对齐中心。但是我希望两个将它们两个对齐到左右端：[some words <----- Space -----> input box]。我试过了：

#block_container
{
    text-align:justify;
}

但这行不通。

您能否向我建议如何实现这一目标？谢谢。

标签： htmlcssalignment