Hva er måten å ha et horisontalt rom mellom to gjenstander i HTML?

Space spiller en avgjørende rolle ikke bare i nettstedutvikling, men også i å skrive bøker, forskningsartikler, artikler og mange flere. Uten avstand blir det vanskelig å skumme en side og vite hvilke elementer som er relatert og hva som ikke er. Rom brukes til å designe. Når vi ser plass i design, lar det oss forestille oss og streife fri. For å hjelpe forbrukerne med å identifisere og forstå informasjonen som vises raskere, etableres hull for å lage et visuelt hierarki av brikkene.

Dette innlegget vil oppgi om å ha et mellomrom mellom to gjenstander horisontalt.

Hva er HTML for å ha et horisontalt rom mellom to gjenstander?

For å ha et horisontalt rom mellom to objekter, sjekk ut følgende metoder:

• Metode 1: Legg til horisontalt mellomrom mellom to objekter i HTML
• Metode 2: Legg til horisontrom mellom to objekter ved bruk av CSS -egenskaper

Metode 1: Legg til horisontalt mellomrom mellom to objekter i HTML

For å legge til det horisontale rommet i HTML, “
”Element brukes. For å gjøre det, prøv de gitte instruksjonene.

Trinn 1: Legg til en div beholder

Med det formål å legge til en “div”Container på HTML -siden,“”Tag brukes. Spesifiser også en "id”Eller“klasse”Attributt med et navn.

Trinn 2: Sett inn første objekt

Deretter legger du til objektet i henhold til din preferanse. I dette tilfellet har vi brukt "”Element for å legge til et bilde inne i elementet.

Trinn 3: Legg til horisontalt rom

Etter det, legg til plassen ved hjelp av "
" stikkord. “
”Tag brukes til å produsere en linjepause i teksten, bilder, knapper og andre objekter.

Trinn 4: Legg til annet objekt

Legg nå til et annet objekt ved å følge samme prosedyre:

Som et resultat har det horisontale rommet blitt lagt til vellykket mellom objektene i HTML -dokumentet:

Metode 2: Legg til horisontalt mellomrom mellom to objekter ved bruk av CSS -egenskaper

Du kan også bruke CSS “hvitrom”Eiendom for å legge til plass mellom to objekter. Her vil vi implementere et annet eksempel ved å legge til en knapp på siden. For praktiske implikasjoner, følg de gitte instruksjonene.

Trinn 1: Design en "div" container

Design en div container med "”Element.

Trinn 2: Legg til knapper i “Div”

Deretter legger du til knapper ved å bruke "”Element og legg inn tekst som skal vises på knappen:

Knapp 1
Knapp 2

Det kan legges merke til at knappene er lagt til vellykket:

Trinn 3: Legg til horisontalt rom

Få tilgang til “div”Container ved hjelp av klassenavnet som“.H-rom”:

.h-space
White-Space: pre-wrap;

Deretter bruker du “hvitrom”CSS -eiendom og angi verdien som“pre-wrap”For å legge til plass mellom objektene.

Produksjon

Du har lært om forskjellige metoder for å spesifisere horisontalt rom mellom to objekter.

Konklusjon

For å legge til et horisontalt rom mellom to objekter, html “
”Tag brukes. Du kan bruke den til å legge til linjeskift mellom tekst, bilder, knapper og mange andre objekter. Videre "hvitrom”CSS -egenskap med verdien”før”Eller“pre-wrap”Brukes også til samme formål. Denne artikkelen har vist metoden for å ha et mellomrom mellom to eller flere gjenstander horisontalt.