¿necesita sangrar el texto en un elemento HTML? Puede sangrar la primera línea de un párrafo usando CSS!,
así es como puedes hacer eso:
sangrar la primera línea de un párrafo con text-indent
digamos que tienes algo de texto en un párrafo como este:
<p class="indent"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa sit aperiam deserunt quae excepturi fugit, consequuntur cum corporis illum natus quibusdam quasi ab at. Laboriosam aperiam aut laborum animi soluta eligendi iste doloribus error, ex eius magnam? Aperiam illum nam cupiditate omnis. Repudiandae doloribus voluptatibus, animi quas incidunt eveniet fugiat!</p>puedes usar la propiedad CSS text-indent para sangrar la primera línea de una longitud específica:
p.indent { text-indent: 30px;}y esto es lo que se verá como:
al igual que otras propiedades de longitud CSS, puede usar cualquier unidad que desee para esto. Píxeles (px), em, rem, porcentaje par ( % ) unidades funcionarán.,
El uso de una unidad relativa como porcentaje cambiará la cantidad de sangría en función del ancho de la página web. Cuanto más ancha sea la página Web, más grande será la sangría.
incluso puede agregar un valor negativo text-indent si lo desea, para que la primera línea sobresalga a la izquierda.,
p.indent { text-indent: -30px;}he Aquí lo que la negativa de sangría se verá como en un párrafo:
Uso de la margen izquierda si desea que el párrafo entero se desplaza a la derecha
Si usted quiere que todo el párrafo a ser desplazado, no sólo la primera línea, a continuación, puede utilizar la etiqueta margin-left propiedad.
p.shifted { margin-left: 30px;}así es como se verá., El primer párrafo no es desplazado, y el segundo párrafo es:
