Posicion invertida yoga

Mdi font-size

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.

Hoja de trucos de mdi

Me pregunto si existe una solución CSS sencilla para iniciar un contenido de párrafo desde el final del mismo. He probado con text-align, text-align-last, text-orientation y otras propiedades que podrían servir, pero no he encontrado suerte hasta ahora.
Puedes usar flex con flex-dirección para lograr esto. Establece tu elemento padre como display: flex. Luego usa flex-direction: row-reverse, esto literalmente invertirá el contenido del padre. En la propiedad flex-wrap, puedes usar wrap-reverse. Estoy seguro de que esto es lo que estás buscando.

Línea de gráfico mdi

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 la visualización 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.