Arrêter la suppression automatique des espaces supplémentaires dans un bouton

J’ai personnalisé le texte des boutons de connexion et d’inscription et j’essaie d’ajouter quelques espaces supplémentaires entre le premier caractère et le reste des caractères.

Par exemple, quelque chose comme :
image

Cependant, lorsque le bouton s’affiche à l’écran, il apparaît comme ceci :
x Login
avec les trois espaces réduits à un seul.

Lorsque j’inspecte le <span> class="d-button-label">, il affiche x Login mais si je double-clique sur ce texte, il affiche l’original
image avec les trois espaces.

J’ai essayé de désactiver le title remove extraneous space et le title prettify mais aucun n’a fonctionné.

Quelqu’un sait pourquoi cela pourrait se produire et ce que je pourrais faire pour y remédier ?

EDIT : J’ai dû modifier ce message et y ajouter une capture d’écran pour celui avec les trois espaces car cela se produisait également ici.

Est-ce que cela fonctionne si vous utilisez trois &nbsp; (entité HTML d’espace insécable) au lieu d’espaces dans votre code HTML ?

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

image

Sans espaces insécables :
image

3 « J'aime »

Oui, ça fonctionne ! :man_facepalming:t2: Tellement simple, merci !

1 « J'aime »

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