Detener la eliminación automática de espacios adicionales en un botón

He personalizado el texto de los botones de inicio de sesión y registro y estoy intentando añadir unos espacios adicionales entre el primer carácter y el resto de los caracteres.

Por ejemplo, algo como:
image

Sin embargo, cuando el botón aparece en la pantalla, se muestra así:
x Login
con los tres espacios eliminados a uno.

Cuando inspecciono el <span> class="d-button-label">, muestra x Login pero si hago doble clic en ese texto, muestra el original
image con los tres espacios.

Intenté deshabilitar title remove extraneous space y title prettify, pero ninguno funcionó.

¿Alguien sabe por qué podría estar sucediendo esto y qué podría hacer para solucionarlo?

EDITAR: Tuve que editar esta publicación y poner una captura de pantalla para la que tenía los tres espacios porque también estaba sucediendo aquí.

¿Funciona si usas tres &nbsp; (entidad HTML de espacio indivisible) en lugar de espacios en tu código HTML?

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

image

Sin espacios indivisibles:
image

3 Me gusta

¡Sí, funciona! :man_facepalming:t2: Muy simple, ¡gracias!

1 me gusta

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