見出しのCSSのうち○○:afterが反映されない

お世話になっております。
h3タグを以下のコードで設定したのですが、記事を表示した際に記事の上部に「見出しの一部」が誤表示されてしまいます。
誤りをご指摘いただけましたら幸いです。

.entry-content h3 {
border-bottom: solid 3px #009fff;
position: relative;
border-left: none;
padding-left: 0;
}

h3:after {
position: absolute;
content: ” “;
display: block;
border-bottom: solid 3px #344864;
bottom: -3px;
width: 20%;
}