将div元素与html元素彼此相邻并在彼此之下

Question

我有一些问题要让我的div彼此相邻并且彼此对齐。

小提琴：http://jsfiddle.net/vwm10nhn/7/

我的Css规则：

.wrap{
}

.wrappedLabel{
float: left;
margin-right: 5px;
margin-bottom:10px;
}

.wrappedControl{
float: left;
margin-right: 5px;
margin-bottom:10px;
}

.wrappedElement{
float: left;
}

我想要的结果如下：

我通过将clear:left添加到select旁边的第一个元素来实现此目的。在这个例子中，这是包含FirstName的div.wrappedElement但是html是在代码中生成的。他们是一个简单的方法在CSS中做到这一点吗？

感谢。

Answer 1

添加父div并添加此css

.seperate{
    display: inline-block;
}

<强>的jsfiddle http://jsfiddle.net/vwm10nhn/5/

Answer 2

尝试互相攻击：

.wrappedElement{
    float: left;
    overflow:hidden;
    clear:both;
}