Html 创建分隔图元顶部和底部的水平线

我想做的是制作一个带边框的元素，里面有一条水平线，顶部包含一个图像，底部包含一个文本。我不知道如何制作一个有边框和水平线分隔的div

---

您所问的是如何在div的两个部分之间创建水平边界，我能想到的最简单的方法是只使用

元素。当然，你也可以通过垂直叠加两个div来实现，但我认为这是最简单的

.splitbox{
边框：黑色1px实心；
边界半径：20px；
}
.拼箱人力资源{
边框宽度：1px0；
边框颜色：黑色；
保证金：0；
}
.拆分文本{
填充：10px；
}

箱子顶部

箱子底部

具体做什么？图片中有很多内容，请更具体地告诉我们您以前的tryA边框，里面有水平线，顶部有图片，底部有文字。我不知道如何在它的中心画一条线。欢迎来到Stack Overflow！希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码并解释您尝试过的内容。@Paulie_D:问题“我如何使某个东西看起来像这张图片？”将与您所说的主题无关，但问题“我如何创建分隔div两部分的水平边框？”将与主题有关，因此我已经这样回答了。这是有效的。谢谢你的大力帮助。