Saltar al contenido

Sangría a partir de la segunda línea de un párrafo con CSS

No dudes en divulgar nuestra página y códigos en tus redes, necesitamos de tu ayuda para ampliar esta comunidad.

Solución:

¿Es literalmente solo la segunda línea que desea sangrar, o es desde la segunda línea (es decir, un sangría francesa)?

Si es lo último, sería apropiado algo similar a este JSFiddle.

    div 
        padding-left: 1.5em;
        text-indent:-1.5em;
    
    
    span 
        padding-left: 1.5em;
        text-indent:-1.5em;
    
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Este ejemplo muestra cómo el uso de la misma sintaxis CSS en un DIV o SPAN produce diferentes efectos.

Hacer margen izquierdo: 2em más o menos empujará todo el texto, incluida la primera línea, a la derecha 2em. Luego agregue sangría de texto (aplicable a la primera línea) como -2em más o menos. Esto hace que la primera línea vuelva a comenzar sin margen. Lo probé para las etiquetas de lista


Esto funcionó para mí:

p  margin-left: -2em; 
 text-indent: 2em 
 

Sección de Reseñas y Valoraciones

Recuerda que puedes compartir esta reseña si te fue útil.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *