Encontrei um problema estranho. Eu queria criar uma página de índice simples para o domínio, onde usei apenas a tag "subdomain". Quero ter uma lista de domínios na ul
tag, mas queria uma fonte monoespaçada, então coloquei tudo na tag "pre":
h1 { margin: 0 }
ul { margin-block: 0 }
<pre>
<h1>example.com</h1>
<ul>
<li><a href="https://sub.example.com">sub.example.com</a></li>
</ul>
</pre>
Mas isso o torna ul
muito alto, posso corrigir o problema configurando display: flex
-o como ul
. Mas quero saber por que isso está acontecendo. Tudo com HTML e CSS deve ser determinístico e acontecer por um motivo. Verifiquei line-height
a configuração como , 1em
mas isso não resolveu o problema.
Por que a tag ul
interna pre
é tão grande? Observe também que h1 é irrelevante aqui.
Testei isso no Brave e no Firefox e funciona da mesma forma. É um bug ou um comportamento esperado? Não vejo esse efeito no Epiphany e no Safari.