如何让较低的两个div在同一行？

Question

http://jsbin.com/egobu3

我尝试将display：inline，但这会产生缩小div的副作用。基本上我想要一个宽条，下面两个较窄的区域将一起大小相同。

Answer 1

只需将float: left添加到.b和.c。

.b, .c {float: left}

http://jsbin.com/egobu3/2

---

或者，将display: inline-block添加到.b和.c：

.b, .c {display:inline-block}

删除HTML中的空格：

<div class="b">BBBB</div><div class="c">CCCC</div>

http://jsbin.com/egobu3/3