創建一個：after元素/ div

Question

我想在我的h3標題下創建一個底部欄。由於缺乏調整功能，我不想使用邊框底部。我也沒有完全控制何時創建h3標題，所以我不能在我的html中的div下面。

什麼，我想我們是

CSS

.page-widgt h3 { 
    position: relative; 
    font-weight: 700; 
    color: #42b4c4; 
    font-size: 2em; 
    letter-spacing: -1px; 
    line-height: 1em; 
    margin-bottom: 25px; 
    padding: 0 30px 15px 0; 
} 

.page-widgt h3:after { 
    position: relative; 
    display: block; 
    width: 50px; 
    height: 3px; 
    background-color: #000; 
} 

，但沒有被顯示出來

Answer 1

添加content:""爲:after

.page-widgt h3:after { 
    position: relative; 
    display: block; 
    width: 50px; 
    height: 3px; 
    background-color: #000; 
    content:""; 
}