html - 使文本出现在报价的顶部

Question

有人知道如何让我的 h1 文本出现在引文的顶部吗？

注意:

1. 我不希望它看起来像引语在 H1 文本之前，而是在它之上。
2. 引述在 HTML 中应该没有任何额外的标记或文本。

HTML

<div>
 <h1>Title</h1>
</div>

CSS

div {
    position: relative;
}
div:after {
    font-size: 100px;
    position: absolute;
    top: 0;
    left: 0;
    content:'"';
    color: red;
}
h1 {
    padding: .5em;
}

Answer 1

你必须给 h1 一个 z-index 值

JSfiddle Demo

div {
    position: relative;
}
div:after {
    font-size: 100px;
    position: absolute;
    top: 0;
    left: 0;
    content:'"';
    color: red;
}
h1 {
    padding: .5em;
    position: relative;
    z-index:1

}