如何將文本添加到Solid Border底部？

Question

我已經投入了負責重新設計我們的社區贊助頁，目前這是個什麼樣子，http://core2062.com/sponsors/現在我已經用Flexboxes重新設計它：https://diedrich.co/img/uploads/de9ea0e2569a8051f8703c99d637f85b.jpg

我的問題是...我如何將我在每個圖像周圍創建的底部邊框中的文本？

Answer 1

您不能將文本放在邊框中。

您可以使用背景顏色創建元素，並將文本置於邊界頂部的文本或絕對位置。

Answer 2

您不能將文本放入邊框。使用背景顏色的元素拿着文字和應用邊框（如果需要）到

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; 
}