Decoracion de interiores vintage

Cómo alinear el icono en el centro en html

Si estás configurando la altura y con de tu .indicator, hay varias maneras de hacerlo, pero la más fácil es probablemente cambiar el display a flex en lugar de inline-box y añadir un par de propiedades (no he añadido los prefijos de los proveedores, sobre todo porque soy perezoso…):
Nota al margen: a menos que tengas una clase .indicator que se comporte de forma diferente dependiendo del elemento HTML en el que se encuentre (y si ese es el caso, probablemente deberías refactorizarlo) no deberías añadir un span al principio de tu regla CSS. Aumenta la especificidad sin ninguna razón y hace que tu CSS sea menos flexible/futuro.

Html span vs div

La etiqueta HTML <span> permite aplicar estilos a una parte de una página web o a un párrafo. A menudo se utiliza para estilizar el texto de un párrafo, por ejemplo, cambiando el color de una palabra. La etiqueta <span> no tiene estilos por defecto.
Cuando programes en HTML, puede que decidas que quieres dar estilo a algo específico en tu página web. Por ejemplo, puede querer enfatizar una determinada palabra en una frase o un enlace específico en una lista de enlaces.
Ahí es donde entra en juego la etiqueta HTML <span>. <span> es un contenedor genérico en línea que permite frasear el contenido de un documento web. La etiqueta <span> se utiliza comúnmente para fines de estilo, especialmente para el estilo de texto.
La etiqueta HTML <span> manipula parte de una página web. A menudo se utiliza dentro de un elemento <p> para aplicar estilos a una parte específica de un párrafo. Por ejemplo, se puede utilizar <span> para cambiar el color de una palabra en un párrafo.
La etiqueta <span> se utiliza a menudo con CSS para aplicar un determinado estilo a un elemento o elementos específicos de una página web. <span> facilita la aplicación de un estilo determinado a varios elementos de una página web a la vez.

Cómo alinear el icono y el texto en la misma línea html

si estás estableciendo la altura y con de tu .indicator, hay unas cuantas maneras de hacerlo, pero la más fácil es probablemente cambiar el display a flex en lugar de inline-box y añadir un par de propiedades (no he añadido los prefijos del proveedor, sobre todo porque soy perezoso…):
Nota al margen: a menos que tengas una clase .indicator que se comporte de forma diferente dependiendo del elemento HTML en el que se encuentre (y si ese es el caso, probablemente deberías refactorizarlo) no deberías añadir un span al principio de tu regla CSS. Aumenta la especificidad sin ninguna razón y hace que tu CSS sea menos flexible/futuro.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad