Html 在线div不是并排的

我有下面的代码。我有一个容器div和两个内部div。我希望两个内部div并排，所以我在两个div上使用了in-line块。我还想让两个div从顶部开始。在下面的演示中，他们被卡在顶部，我不知道为什么在我自己的项目中，他们并排在一起，但是第一个div从顶部开始，而第二个div没有从顶部开始

使容器中的2个div并排从顶部开始的最佳css样式是什么

并列两个div的最佳方法是什么

.homissync{
显示：块；
身高：100%；
}
.homissync>div{
填充：27px；
保证金：3倍；
显示：内联块；
}
#霍姆斯纽扣{
高度：100vh；
宽度：20%；
保证金：3倍；
}
#霍姆斯综合征{
高度：100vh；
保证金：3倍；
宽度：68%；
}
#霍姆斯·辛克布顿，利布顿{
宽度：100%！重要；
背景色：#ff0000；
}
.vBorder{
边框：实心1px#ddd；
}
按钮，输入[类型=提交]{
填充：8px 20px；
颜色：#fff；
文本阴影：0.02×rgba（0,0,0,0.35）；
背景颜色：橙色；
字体大小：0.9rem；
字体大小：粗体；
边界半径：3px；
边界：0；
大纲：无！重要；
保证金：3px0；
光标：指针；
过渡：背景1s轻松输入输出；
}

UACS


医学


非药物


混杂的


新UACS条目
更新UACS条目

请尝试此代码，而不是

显示：内联块float:left

.homissync>div {
    display: block;
    float: left;
}

---

您可以使用

float:left而不是
显示：内联块


.homissync{
显示：块；
身高：100%；
}
.homissync>div{
填充：27px；
保证金：3倍；
浮动：左；
}
#霍姆斯纽扣{
高度：100vh；
宽度：20%；
保证金：3倍；
}
#霍姆斯综合征{
高度：100vh；
保证金：3倍；
宽度：65%；
}
#霍姆斯·辛克布顿，利布顿{
宽度：100%！重要；
背景色：#ff0000；
}
.vBorder{
边框：实心1px#ddd；
}
按钮，输入[类型=提交]{
填充：8px 20px；
颜色：#fff；
文本阴影：0.02×rgba（0,0,0,0.35）；
背景颜色：橙色；
字体大小：0.9rem；
字体大小：粗体；
边界半径：3px；
边界：0；
大纲：无！重要；
保证金：3px0；
光标：指针；
过渡：背景1s轻松输入输出；
}



UACS


医学


非药物


混杂的


新UACS条目
更新UACS条目
显示：内联块
有默认的
空白
，您需要删除空白。否则您需要将
显示内联块
与
float:left
重新关联，有很多选项可以删除空白，请查看下面的参考链接

请进一步解释为什么它不起作用以及为什么它起作用？一个原因是div的大小和所有div标记都出现在新行中，因此我们需要使用float来在同一行中显示这两个内容。更重要的原因是：内联元素的一个典型特征是它们尊重标记中的空白。请检查此链接是否正确