¿Cuál es la forma de tener un espacio horizontal entre dos objetos en HTML??

El espacio juega un papel crucial no solo en el desarrollo del sitio web sino también en la escritura de libros, trabajos de investigación, artículos y muchos más. Sin espaciar, se vuelve difícil esconder una página y saber qué artículos están relacionados y qué no. Los espacios se utilizan para diseñar. Cuando vemos espacio en el diseño, nos permite imaginar y deambular gratis. Para ayudar a los consumidores a identificar y comprender la información que se muestra más rápidamente, se establecen brechas para crear una jerarquía visual de las piezas.

Esta publicación indicará sobre tener un espacio entre dos objetos horizontalmente.

¿Cuál es el HTML para tener un espacio horizontal entre dos objetos??

Para tener un espacio horizontal entre dos objetos, consulte los siguientes métodos:

• Método 1: Agregar espacio horizontal entre dos objetos en HTML
• Método 2: Agregar espacio de horizonte entre dos objetos utilizando las propiedades de CSS

Método 1: Agregar espacio horizontal entre dos objetos en HTML

Para agregar el espacio horizontal en HTML, el "
El elemento se utiliza. Para hacerlo, intente las instrucciones dadas.

Paso 1: Agregue un contenedor Div

Con el propósito de agregar un "div"Contenedor en la página HTML, el"Se usa la etiqueta. Además, especifique un "identificación" o "clase"Atributo con un nombre.

Paso 2: inserte el primer objeto

A continuación, agregue el objeto de acuerdo con su preferencia. En este caso, hemos utilizado el "Elemento para agregar una imagen dentro del elemento.

Paso 3: Agregar espacio horizontal

Después de eso, agregue el espacio con la ayuda del "
" etiqueta. El "
"La etiqueta se usa para producir una línea de línea en el texto, imágenes, botones y otros objetos.

Paso 4: Agregar otro objeto

Ahora, agregue un segundo objeto siguiendo el mismo procedimiento:

Como resultado, el espacio horizontal se ha agregado con éxito entre los objetos en el documento HTML:

Método 2: Agregar espacio horizontal entre dos objetos utilizando las propiedades de CSS

También puede usar el CSS "espacio blancoPropiedad para agregar espacio entre dos objetos. Aquí, implementaremos otro ejemplo agregando un botón en la página. Para implicaciones prácticas, siga las instrucciones dadas.

Paso 1: Diseñe un contenedor "div"

Diseñe un contenedor Div con el "" elemento.

Paso 2: Agregar botones en "div"

A continuación, agregue botones utilizando el "El elemento y el texto de incrustación para mostrar en el botón:

Botón 1
Botón 2

Se puede notar que los botones se han agregado con éxito:

Paso 3: Agregar espacio horizontal

Acceder al "div"Contenedor con la ayuda del nombre de la clase como".espacio H":

.espacio H
Espacio blanco: pre-envoltura;

Luego, aplique el "espacio blanco"Propiedad CSS y establece el valor como"pre-wrap"Para agregar espacio entre los objetos.

Producción

Has aprendido sobre varios métodos para especificar el espacio horizontal entre dos objetos.

Conclusión

Para agregar un espacio horizontal entre dos objetos, el HTML "
Se usa la etiqueta. Puede utilizarlo para agregar saltos de línea entre texto, imágenes, botones y muchos otros objetos. Además, el "espacio blanco"Propiedad CSS con el valor"pre" o "pre-wrap"También se usa para el mismo propósito. Este artículo ha demostrado el método para tener un espacio entre dos o más objetos horizontalmente.