Html Can'；t图如何将字段拆分为单独的行

我有一个结果页，我正试图调整。现在我有4个字段，我不知道如何控制。我已经取得了一些进展，但我想还是有一些东西让他们聚集在一条线上？我的结果页面位于：

我认为有5个项目控制着该领域，如下所示：

.IDX-resultsContentMain div {
    color: #333;
    float: left;
    line-height: 1em;
    margin-top: 0;
    margin-right: 10px;
    margin-left: 100px;
    margin-bottom: 5px;
}
.IDX-resultsField-propStatus div{
    margin-left: 100px !important; ;
}
.IDX-resultsField-bedrooms div{
    margin-left: 100px !important; ;
}
.IDX-resultsField-totalBaths div{
    margin-left: 100px !important; ;
}
.IDX-resultsField-partialBaths div{
margin-left: 100px !important; ;
}

有些东西使这些字段组合在一起，可能是一个php文件或其他东西，这是我没有太多经验的地方

---

我的目标是让字段以任何逻辑方式排列。有什么想法吗？非常感谢-Beth

所有字段都在同一行，因为所有div都有

float:left

规则。如果删除它，每个div将以一行新行开始

请共享html代码请阅读指南并在帖子中使用示例内联更新帖子。我删除了float:left，这是我认为唯一控制该字段的位置，它适用于status和beddrooms字段，但不适用于total baths和partial baths字段。字段有一个左边距为100px的div，因此我不确定该怎么办？您需要添加以下CSS规则：

.IDX resultscontmain.IDX resultsField totalBaths.IDX resultscontmain.IDX resultsField partialBaths{margin left:0；}

，这非常有效。我只是有点理解。是否通过添加该代码，它会向不合作的字段发出另一个命令？以下CSS规则

。IDX resultsContentMain div{margin left:100px；}

应用于

中的所有div。IDX resultsContentMain

。在某些情况下，嵌套的div仍然适用于CSS选择器。结果，您得到了左边的

边距：100px应用两次。很棒的Antseburova。非常感谢。