No caso desse exemplo, por causa da ordem de declaração das propriedades (primeiro o position do h2, depois da ul), os h2 não deveriam aparecer no topo da janela, sobrepostos?
<ul>
<li>
<h2>Título</h2>
<p>Texto texto texto</p>
<p>Mais texto</p>
</li>
<li>
<h2>Título</h2>
<p>Texto texto texto</p>
<p>Mais texto</p>
</li>
</ul>
h2 {
position: absolute;
top: 0;
}
ul {
position: absolute;
}
Eu testei aqui, mas acho que não entendi o porquê disso não acontecer dessa forma.