Html 让人力资源部门介入其他两个部门之间

我试图在两个

div

s之间设置一个

hr

标记

我已将

hr

标记放在第一个

div

下面，第二个上方。我将

div

s和

hr

标记设置为

display

为

inline

，希望这是一个序列，并一个接一个地显示。我的问题是

hr

标记从最顶端开始，在其他

div

所在的位置停止

我附上了一把小提琴来显示我得到了什么：

.contactpagelower{
边缘顶端：40px；
}
斯潘中心酒店{
文本对齐：居中；
}
.contactpagecommunityContainer{
浮动：左；
宽度：50%；
边缘顶部：30px；
显示：内联；
}
.contactpagecommunity{
浮动：对；
右边距：37%；
背景色：#12BDB8；
颜色：#FFFFFF；
字体大小：16px；
填充：15px；
}
.ContactPageA：链接{
背景色：#12BDB8；
颜色：#FFFFFF；
大纲：无；
文字装饰：无；
}
.社区a：已访问{
背景色：#12BDB8；
颜色：#FFFFFF；
大纲：无；
}
.contactpagesellwithusContainer{
浮动：对；
宽度：50%；
边缘顶部：30px；
显示：内联；
}
.与我们联系{
浮动：左；
左边缘：35%；
背景色：#12BDB8；
颜色：#FFFFFF；
字体大小：16px；
填充：15px；
}
.contactpagesellwithus a:链接{
背景色：#12BDB8；
颜色：#FFFFFF；
大纲：无；
文字装饰：无；
}
a:参观过{
背景色：#12BDB8；
颜色：#FFFFFF；
大纲：无；
}
赫拉弗特先生{
显示：内联；
保证金：0自动；
}

额外费用GFGGSFGFGSFD
我们希望收到您的来信，让我们知道我们可以做些什么来改善您的体验

您曾经想要销售产品吗？我们也许能帮忙

您可以试试这个

你可以试试这个

你可以试试这个

你可以试试这个

---

您可以将

float:left

添加到

元素中，并使第二个div的宽度为49%：

---

您可以将

float:left

添加到

元素中，并使第二个div的宽度为49%：

---

您可以将

float:left

添加到

元素中，并使第二个div的宽度为49%：

---

您可以将

float:left

添加到

元素中，并使第二个div的宽度为49%：

---

虽然

hr

表示主题中断，但它也是“水平规则”的简写，因此在语义上是否应该在没有对等的

vr

的情况下垂直使用它是有争议的。然而，它很可能是可用的最接近的元素

考虑到您的标记和您试图实现的目标，CSS表可能是您的最佳选择，其优点是通过使用单元格边框替换

hr

，它将根据内容进行适当的缩放

.contactpagelower{
边缘顶端：40px；
显示：表格
}
斯潘中心酒店{
文本对齐：居中；
}
.contactpagecommunityContainer{
边缘顶部：30px；
显示：表格单元格；
填充：20px；
宽度：50%；
}
.contactpagecommunity{
浮动：对；
右边距：37%；
背景色：#12BDB8；
颜色：#FFFFFF；
字体大小：16px；
填充：15px；
}
.ContactPageA：链接{
背景色：#12BDB8；
颜色：#FFFFFF；
大纲：无；
文字装饰：无；
}
.社区a：已访问{
背景色：#12BDB8；
颜色：#FFFFFF；
大纲：无；
}
.contactpagesellwithusContainer{
显示：表格单元格；
宽度：50%；
填充：20px；
边缘顶部：30px；
左边框：1px实心；
}
.与我们联系{
浮动：左；
左边缘：35%；
背景色：#12BDB8；
颜色：#FFFFFF；
字体大小：16px；
填充：15px；
}
.contactpagesellwithus a:链接{
背景色：#12BDB8；
颜色：#FFFFFF；
大纲：无；
文字装饰：无；
}
a:参观过{
背景色：#12BDB8；
颜色：#FFFFFF；
大纲：无；
}

Extras gfggsfgfgsfd
我们希望收到您的来信，让我们知道我们可以做些什么来改善您的体验
您曾经想要销售产品吗？我们也许能帮忙

虽然

hr

表示主题中断，但它也是“水平规则”的简写，因此在语义上是否应该在没有对等的

vr

的情况下垂直使用它是有争议的。然而，它很可能是可用的最接近的元素

考虑到您的标记和您试图实现的目标，CSS表可能是您的最佳选择，其优点是通过使用单元格边框替换

hr

，它将根据内容进行适当的缩放

.contactpagelower{
边缘顶端：40px；
显示：表格
}
斯潘中心酒店{
文本对齐：居中；
}
.contactpagecommunityContainer{
边缘顶部：30px；
显示：表格单元格；
填充：20px；
宽度：50%；
}
.contactpagecommunity{
浮动：对；
右边距：37%；
背景色：#12BDB8；
颜色：#FFFFFF；
字体大小：16px；
填充：15px；
}
.ContactPageA：链接{
背景色：#12BDB8；
颜色：#FFFFFF；
大纲：无；
文字装饰：无；
}
.社区a：已访问{
背景色：#12BDB8；
颜色：#FFFFFF；
大纲：无；
}
.contactpagesellwithusContainer{
显示：表格单元格；
宽度：50%；
填充：20px；
边缘顶部：30px；
左边框：1px实心；
}
.与我们联系{
浮动：左；
左边缘：35%；
背景色：#12BDB8；
颜色：#FFFFFF；
字体大小：16px；
填充：15px；
.contactpagecommunityContainer {
    float: left;
    width: 49%;
    margin-top: 30px;
    display: inline;
}
.contactpagesellwithusContainer {
      float: right;
  width: 49%;
  margin-top: 30px;
  display: inline;
  border-left: 1px solid;
  padding-left: 10px;
}