如何将文本添加到Solid Border Bottom？

Question

我已经负责重新设计我们的社区赞助商页面，目前这就是它的样子，http://core2062.com/sponsors/现在我使用Flexboxes重新设计了它：https://diedrich.co/img/uploads/de9ea0e2569a8051f8703c99d637f85b.jpg

我的问题是......如何在每个图像周围创建的底部边框中放置文字？

Answer 1

您无法将文字放入边框。在包含文本的元素上使用背景颜色，并将边框（如果需要）应用于该

<强> Demo

<强> HTML

<div class="border">
    <h1>Diamond Sponsors</h1>
</div>

<强> CSS

.border {
    background-color: black;
    color:white;
    border-top:5px solid orange;
    text-align:center;
}

Answer 2

您不能将文字放在边框中。

您可以使用背景颜色制作元素，并将文本放在边框顶部的文本或绝对位置。