Parar remoção automática de espaços extras em um botão

Eu personalizei o texto do botão para os botões de login e cadastro e estou tentando adicionar alguns espaços extras entre o primeiro caractere e o restante dos caracteres.

Por exemplo, algo como:
image

No entanto, quando o botão aparece na tela, ele é exibido assim:
x Login
com os três espaços removidos para um.

Quando inspeciono o <span class="d-button-label">, ele mostra x Login, mas se eu der um duplo clique nesse texto, ele mostra o original
image com os três espaços.

Tentei desativar o title remove extraneous space e o title prettify, mas nenhum funcionou.

Alguém sabe por que isso pode estar acontecendo e o que eu poderia fazer para consertar?

EDIT: Tive que editar esta postagem e colocar uma captura de tela para aquela com os três espaços porque também estava acontecendo aqui.

Funciona se você usar três &nbsp; (entidade HTML de espaço inquebrável) em vez de espaços no seu código HTML?

<span class="d-button-label">x&nbsp;&nbsp;&nbsp;Login</span>

image

Sem espaços inquebráveis:
image

3 curtidas

Sim, funciona! :man_facepalming:t2: Tão simples, obrigado!

1 curtida

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.