En este artículo, discutiremos varios métodos para sangrar texto en un documento HTML. La sangría de texto se usa para establecer la longitud del espacio en blanco vacío antes de las líneas de texto en un bloque. Generalmente marca el comienzo de un párrafo.
Hay dos enfoques comunes para la sangría de texto:
Enfoque 1: uso de la propiedad margin-left : esta propiedad se usa para agregar un margen a la izquierda de un elemento. Se puede usar para agregar la sangría requerida especificando el espacio necesario en unidades de longitud o porcentaje adecuados.
Ejemplo: Este ejemplo usa la propiedad margin-left para sangrar todo el bloque de texto.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
p {
margin-left: 40px;
}
</style>
</head>
<body>
<h2>Welcome To GFG</h2>
<p>
We provide a variety of services
for you to learn, thrive and also
have fun! Free Tutorials, Millions
of Articles, Live, Online and
Classroom Courses ,Frequent Coding
Competitions ,Webinars by Industry
Experts, Internship opportunities
and Job Opportunities.
</p>
</body>
</html>
Producción:
Enfoque 2: uso de la propiedad text-indent: esta propiedad se usa para establecer la cantidad de espacio antes de la primera línea de texto en un párrafo. Se puede especificar en unidades de longitud o en porcentaje, según se requiera.
Ejemplo: En este ejemplo, la primera línea del párrafo se sangra usando la propiedad text-indent.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
p {
text-indent: 40px;
}
</style>
</head>
<body>
<h2>Welcome To GFG</h2>
<p>
We provide a variety of services
for you to learn, thrive and also
have fun! Free Tutorials, Millions
of Articles, Live, Online and
Classroom Courses ,Frequent Coding
Competitions ,Webinars by Industry
Experts, Internship opportunities
and Job Opportunities.
</p>
</body>
</html>
Producción:
