Depois de uma hora contando minhas tags de abertura e fechamento, excluindo quase toda a minha marcação, exceto o parágrafo problemático, e ainda sem conseguir resolvê-lo, me deparei com o fato surpreendente de que você não pode colocar uma lista dentro de um parágrafo. Portanto, o seguinte é inválido:
<p class="contact-info">
Willem van der Jagt
<ul class="links">
<li><a href="http://www.github.com/wkjagt">GitHub</a></li>
....
</ul>
</p>
Aparentemente, isso ocorre porque “um parágrafo, em termos HTML, não é um conceito lógico, mas estrutural”. (fonte: whatwg ). Eu deveria saber, é claro, quando o Chrome insistia em colocar meu ul
lado de fora do meu p
…