在标题附近放置“线”，与标题大小，长度，填充或边距无关

Question

我想获得下图所示的标题

我可以使用绝对位置来获得，但这取决于标题的特征，例如边距，填充。

我有兴趣得到下面的结果，不管标题大小，长度，填充或边距。我需要IE10，IE11等旧版浏览器也支持的功能。

Answer 1

使用:after在此处创建行

了解：https://developer.mozilla.org/en-US/docs/Web/CSS/::after

div{
color:red;
}
div:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: red;
    top: 20px;
    margin-left: 10px;
    margin-right: 4px;
}

<div>Header</div>