Solución:
Una buena forma de hacerlo es esta:
span + span {
margin-left: 10px;
}
Cada span precedido por un span (entonces, cada span excepto el primero) tendrá margin-left: 10px.
Aquí hay una respuesta más detallada a una pregunta similar: separadores entre elementos sin hacks
Solo use margen o relleno.
En su caso específico, podría usar margin:0 10px solo el 2 <span>.
ACTUALIZAR
Aquí hay una buena solución CSS3 (jsFiddle):
span {
margin: 0 10px;
}
span:first-of-type {
margin-left: 0;
}
span:last-of-type {
margin-right: 0;
}
Selección avanzada de elementos usando selectores como :nth-child(), :last-child, :first-of-type, etc. es compatible desde Internet Explorer 9.
agregue estas reglas al contenedor principal:
display: grid
grid-auto-flow: column
grid-column-gap: 10px
Buena referencia: https://cssreference.io/
Compatibilidad del navegador: https://gridbyexample.com/browsers/
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)