▷ Intenta no llorar llora | Actualizado noviembre 2024

iconos de bootstrap 4

Estoy tratando de colorear las marcas de verificación en el bloque de texto en la página principal de mi sitio. Intenté esto con un bloque de código pero no me gustó cómo se mostraba el bloque de código específicamente en los móviles. ¿Existe un código CSS personalizado que pueda introducirse para forzar que las marcas de verificación del bloque de texto sean de color?
Mi código HTML era un poco diferente, pero en esencia así es como se vería, ¡sí! Tenía un código que impedía que el bloque de texto se envolviera en una segunda línea, por lo que me quedé con un bloque de texto. ¿Hay algún código que se pueda añadir a este bloque de código que haga lo mismo?
Mi código HTML era un poco diferente, pero en esencia es lo que se vería, ¡sí! Tenía un código que impedía que el bloque de texto se envolviera en una segunda línea, por lo que me quedé con un bloque de texto. ¿Hay algún código que se pueda añadir a este bloque de código que haga lo mismo?
¿Hay alguna manera de que las tres líneas de texto con marcas de verificación se apilen en el móvil pero permanezcan una al lado de la otra en el escritorio? Tal vez otro hilo es mejor para esta pregunta, pero pensé que se vería mejor en el móvil.

marca recta de la garrapata

Cuando no establezco la visualización, se pone por defecto en línea, lo que significa que ya no puedo establecer la anchura o la altura. La marca de verificación aparece dentro del elemento, pero al desmarcar la casilla el elemento se reduce a nada. He probado a poner algunos espacios de no ruptura (\00A0), pero aunque funcionara parece un poco desordenado.
El marcador va a la izquierda debido a la identificación del texto dentro del elemento ::before. Se puede arreglar fácilmente estableciendo su alineación de texto a text-align: right, para que el contenido (tick) quede dentro del cuadrado:
La primera línea revierte el valor heredado de la caja de sangría de texto a cero por defecto, devolviendo el texto dentro de la caja. Las otras dos líneas sólo embellecen el aspecto colocando el carácter en el centro de la caja.
2: No directamente. Según la especificación, la anchura/altura de los elementos en línea se ignora. El tamaño de los elementos en línea depende de su fuente (no sólo del tamaño de la fuente, sino de la propia fuente, diferentes fuentes con el mismo tamaño de fuente pueden ocupar diferentes espacios). Se puede utilizar una fuente monoespaciada que tiene un ancho constante para cualquier carácter, pero es mejor establecer la visualización como inline-block.