Que buena es mi hija mari

Que buena es mi hija mari en línea

el primer tipo no funciona

Ocasionalmente necesitamos usar html personalizado para obtener los diseños mostrados en nuestras demos en módulos específicos. El código siguiente es el que se ha utilizado en esta plantilla. Es mejor introducir este código directamente en la función de editor de HTML de su editor.
Hay tres estilos diferentes de diapositivas para usar. Cada estilo se muestra en la página principal de esta demo. El primer estilo alinea el texto a la izquierda y una imagen en la esquina inferior derecha. El segundo estilo es el más fácil de usar, alinea todo el texto en el centro y no utiliza imágenes. El tercer estilo es similar al primero, pero alinea la imagen en el centro en lugar de la esquina inferior derecha.
Código utilizado para el área de texto, el ajuste del título debe ser desactivado en la configuración. Todo el texto se introduce en la configuración del campo de texto. También puede utilizar este mismo código en cualquier artículo si está utilizando el método de artículo del módulo:
Código utilizado para el área custom_2. La imagen que se muestra en las dos cajas es una imagen de fondo, por lo que no toda la imagen está destinada a mostrar en todas las resoluciones. Simplemente cambie la llamada de fondo con su propia fuente de imagen en el código de abajo:

css first-child of-class

En HTML, las etiquetas div y span son elementos que se utilizan para definir partes de un documento, de modo que sean identificables cuando sea necesaria una clasificación única. Cuando otros elementos HTML, como p (párrafo), em (énfasis), etc., representan con precisión la semántica del contenido, el uso adicional de las etiquetas span y div permite mejorar la accesibilidad para los lectores y facilitar el mantenimiento para los autores. Cuando no es aplicable ningún elemento HTML existente, span y div pueden representar valiosamente partes de un documento para que se puedan aplicar atributos HTML como class, id, lang o dir.[1][2]
span representa una porción en línea de un documento, por ejemplo palabras dentro de una frase. div representa una porción a nivel de bloque de un documento, como algunos párrafos, o una imagen con su leyenda. Ninguno de los dos elementos tiene significado en sí mismo, pero permiten aplicar atributos semánticos (por ejemplo, lang=»en-US»), estilos CSS (por ejemplo, color y tipografía) o scripts del lado del cliente (por ejemplo, animación, ocultación y aumento).[1][2]