Interrompi la rimozione automatica degli spazi extra in un pulsante

Ho personalizzato il testo del pulsante per i pulsanti di accesso e registrazione e sto cercando di aggiungere alcuni spazi extra tra il primo carattere e il resto dei caratteri.

Ad esempio, qualcosa del tipo:
image

Tuttavia, quando il pulsante viene visualizzato sullo schermo, appare così:
x Login
con i tre spazi rimossi a uno solo.

Quando ispeziono lo <span> con classe d-button-label, mostra x Login ma se faccio doppio clic su quel testo, mostra l’originale
image con i tre spazi.

Ho provato a disabilitare title remove extraneous space e title prettify ma nessuno dei due ha funzionato.

Qualcuno sa perché questo potrebbe accadere e cosa potrei fare per risolverlo?

EDIT: Ho dovuto modificare questo post e inserire uno screenshot per quello con i tre spazi perché stava succedendo anche qui.

Funziona se usi tre &nbsp; (entità HTML per spazio unificabile) invece degli spazi nel tuo codice HTML?

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

image

Senza spazi unificabili:
image

3 Mi Piace

Sì, funziona! :man_facepalming:t2: Così semplice, grazie!

1 Mi Piace

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