z-indexプロパティの働きを示した図です。
水平線(HR要素)の下に「HTML鳩丸倶楽部」と書かれた段落(P要素)があるのですが、P に position: relative と top: -1.5em が指定されているため、文字は水平線と重なっています。
最初の段落には z-index: auto が指定されていて、文字は水平線の上に重なっています。
次の段落には z-index: -1 が指定されていて、水平線が文字の上を通っています。
最後の段落には z-index: 1 が指定されていて、文字は水平線の上に重なっています。