Cambiar el espacio entre los párrafos y el interior de los párrafos

Cambiar el espacio entre los párrafos y el interior de los párrafos
HTML es un lenguaje de marcado que ofrece numerosos elementos que crean la estructura del sitio web. CSS admite HTML de una manera que proporciona diferentes propiedades de estilo y posición a los elementos HTML. Más específicamente, el HTML "

El elemento especifica el párrafo en un documento. Los párrafos se pueden ajustar con propiedades CSS, como "margen","altura de la línea","espacios de palabras", y muchos más.

Este artículo te instruirá:

  • Cómo cambiar el espacio entre los párrafos en CSS?
  • Cómo cambiar el espacio dentro de los párrafos en CSS?

Prerrequisito: cree un archivo HTML

La página HTML se puede crear siguiendo las instrucciones:

  • Agregar dos "

    "Elementos en el archivo HTML.

  • Asigne IDS como "para1" y "para2", Respectivamente.
  • Especifique el contenido del párrafo dentro de estos como se indica a continuación:


Las personas exitosas simplemente hicieron mucho esfuerzo y tienen éxito en la meta; No tienen talento natural.
Las personas exitosas simplemente hicieron mucho esfuerzo y tienen éxito en la meta; No tienen talento natural.



Las personas exitosas simplemente hicieron mucho esfuerzo y tienen éxito en la meta; No tienen talento natural.
Las personas exitosas simplemente hicieron mucho esfuerzo y tienen éxito en la meta; No tienen talento natural.


Producción

Cómo cambiar el espacio entre los párrafos en CSS?

El "margen"La propiedad puede agregar espacios entre los párrafos. Además, usando el "margen"La propiedad sería una buena opción en este caso.

Agreguemos una propiedad fronteriza para mostrar el espacio de margen prominente.

Clase de estilo "para1"

.para1
borde: 1px gris sólido;
margen de fondo: 70px;

El ".para1"Se usa para acceder al

elemento con la identificación "para1”Y aplique las siguientes propiedades:

  • "bordeLa propiedad se aplica con el valor del ancho de la frontera, el estilo y el color establece el borde alrededor del párrafo.
  • "margen"Agrega espacio en el fondo del párrafo.

Clase de estilo "para2"

.para2
borde: 1px gris sólido;

El "

"Elemento tiene la identificación"para2"También se aplica con el borde usando el CSS"borde" propiedad.

Se puede observar que los espacios se han agregado con éxito entre los párrafos:

Cómo cambiar el espacio dentro de los párrafos en CSS?

El CSS "altura de la líneaLa propiedad se utiliza para agregar espacios entre las líneas del párrafo.

Para hacerlo, agregue la propiedad de algodón de línea de línea al "

"Elemento que tiene ID"para1":

Línea de altura: 2;

Producción

Eso se trataba de cambiar los espacios entre los párrafos.

Conclusión

Para cambiar los espacios entre los párrafos, primero, agregue los párrafos en el archivo HTML utilizando el "

" elemento. Entonces, el CSS "margenLa propiedad se utiliza para agregar espacio entre los párrafos. El CSS "altura de la línea"La propiedad agrega espacios dentro de los párrafos. Esta publicación ha elaborado el procedimiento para cambiar el espacio entre los párrafos y el interior de los párrafos.