Question

类<div class="f-one">和<div class="f-two">不是从内容的顶部开始的。

我希望类别，信息和与我们联系显示在同一行。

请看看并帮忙。 JSFIDDLE

Answer 1

将此css用于.f-one和.f-two

.f-one {
    float:left;
    width: 220px;
}

.f-two {
    float:left;
    width: 460px;
}

我已更新你的小提琴HERE

Answer 2

在css中进行更改。如果您提供display: inline-block;，请添加vertical-align:top;

.f-one {
    display: inline-block;
    position: relative;
    width: 220px;
    vertical-align:top;
}