Html 用CSS在标题后画线

如何在标题文本后画一条线，如下所示：

“标题”

在CSS中？
“\u1”应完成div的其余部分并填充剩余空间

h1:after {
    content: "__________________";
}

进一步解释和示例：

h1{
位置：相对位置；
}
h1：之后{
内容：“；
位置：绝对位置；
边框底部：1px纯红；
宽度：100%；
底部：0；
}

此处的标题

基于：

h1{
溢出：隐藏；
}
h1：之后{
内容：''；
显示：内联块；
宽度：100%；高度：100%；
保证金权利：-100%；
边框底部：1px实心#000；
}

标题
更长的标题

The“uu”将完成div的所有剩余部分？不，不会。只要你输入u，它就会很长。如果你不想要一个特定的长度，你应该使用其他使用边框的解决方案。请在JSFIDLE或类似的工具中发布你迄今为止尝试过的代码。好的，这完全是我需要的。还有其他与IE 6兼容的解决方案吗？Tanks@Olaf请不要送坦克进来！ie6不支持伪元素，也没有多少人使用ie6，如果我们有两行标题呢。根据你的答案，第一行应该填满，第二行应该填满整个空格。参考图片请参见此链接。