在另一个div中创建水平对齐的div

Question

我想创建一些html。 在具有灰色边框的div中，应该有两个水平对齐的div。他们之间应该有一条分界线。

<div style="width:400px; border-color:#D3D3D3; border-style:solid; border-width:1px;"> 
<div runat="server" id="plDiv" style="width:300px;"> 
    one 
</div> 
<div style="border-left:1px; border-left-style:solid; border-left-color:#D3D3D3; width:100px;"> 
    other 
</div> 

我排除了我所有的尝试使用浮动，因为它只是doesn't做我想做的。谁能帮忙？

Answer 1

<div style="width: 400px; border: 1px solid #D3D3D3;; overflow: hidden;"> 
    <div id="plDiv" style="width: 300px; float: left;" runat="server"> one </div> 
    <div style="border-left: 1px solid #D3D3D3; width: 99px; float: left;"> other </div> 
</div> 

当第二div有的宽度99px（考虑到我认为的边界），那么浮动似乎很好。

Answer 2

看，我只是在这里发表几分钟前回答：

Wrappers size reflecting its contents

这不正是你在问什么。

基本上有一个容器和之间的分割线2周内的div两个：

在这里可以看到这表明在这个小提琴：http://jsfiddle.net/kWJ79/15/