Qual è il modo per avere uno spazio orizzontale tra due oggetti in HTML?

Lo spazio svolge un ruolo cruciale non solo nello sviluppo del sito Web ma anche nella scrittura di libri, documenti di ricerca, articoli e molti altri. Senza spaziatura, diventa difficile sfogliare una pagina e sapere quali elementi sono correlati e cosa non lo è. Gli spazi vengono utilizzati per la progettazione. Quando vediamo spazio nel design, ci consente di immaginare e vagare libero. Al fine di aiutare i consumatori a identificare e comprendere le informazioni visualizzate più rapidamente, vengono stabilite lacune per creare una gerarchia visiva dei pezzi.

Questo post indicherà di avere uno spazio tra due oggetti in orizzontale.

Qual è l'HTML avere uno spazio orizzontale tra due oggetti?

Per avere uno spazio orizzontale tra due oggetti, controlla i seguenti metodi:

• Metodo 1: Aggiungi spazio orizzontale tra due oggetti in HTML
• Metodo 2: Aggiungi spazio orizzonte tra due oggetti usando le proprietà CSS

Metodo 1: Aggiungi spazio orizzontale tra due oggetti in HTML

Per aggiungere lo spazio orizzontale in HTML, il “
"L'elemento viene utilizzato. Per fare ciò, prova le istruzioni fornite.

Passaggio 1: aggiungi un contenitore di div

Allo scopo di aggiungere un "div"Container nella pagina HTML,""Viene utilizzato il tag. Inoltre, specifica un “id" O "classe"Attributo con un nome.

Passaggio 2: inserire il primo oggetto

Successivamente, aggiungi l'oggetto in base alle tue preferenze. In questo caso, abbiamo utilizzato il ""Elemento per aggiungere un'immagine all'interno dell'elemento.

Passaggio 3: Aggiungi spazio orizzontale

Dopodiché, aggiungi lo spazio con l'aiuto di "
"Tag. IL "
"Il tag viene utilizzato per produrre un'interruzione di riga nel testo, immagini, pulsanti e altri oggetti.

Passaggio 4: aggiungi altro oggetto

Ora, aggiungi un secondo oggetto seguendo la stessa procedura:

Di conseguenza, lo spazio orizzontale è stato aggiunto correttamente tra gli oggetti nel documento HTML:

Metodo 2: Aggiungi spazio orizzontale tra due oggetti usando le proprietà CSS

Puoi anche usare il CSS "spazio bianco"Proprietà per aggiungere spazio tra due oggetti. Qui implementeremo un altro esempio aggiungendo un pulsante sulla pagina. Per implicazioni pratiche, seguire le istruzioni fornite.

Passaggio 1: progettare un contenitore "div"

Progetta un contenitore div con il ""Elemento.

Passaggio 2: Aggiungi pulsanti in "Div"

Quindi, aggiungi pulsanti utilizzando il “"Elemento e incorporare il testo da visualizzare sul pulsante:

Pulsante 1
Pulsante 2

Si può notare che i pulsanti sono stati aggiunti correttamente:

Passaggio 3: Aggiungi spazio orizzontale

Accedi al "div"Container con l'aiuto del nome della classe come".Spazio H":

.H-Space
Spazio bianco: pre-wrap;

Quindi, applica il "spazio bianco"Proprietà CSS e impostare il valore come"pre-wrap"Per aggiungere spazio tra gli oggetti.

Produzione

Hai imparato vari metodi per specificare lo spazio orizzontale tra due oggetti.

Conclusione

Per aggiungere uno spazio orizzontale tra due oggetti, l'HTML "
"Viene utilizzato il tag. È possibile utilizzarlo per l'aggiunta di rotture di riga tra testo, immagini, pulsanti e molti altri oggetti. Inoltre, il "spazio bianco"Proprietà CSS con il valore"pre" O "pre-wrap"È anche usato per lo stesso scopo. Questo articolo ha dimostrato il metodo per avere uno spazio tra due o più oggetti in orizzontale.