Was ist der Weg, einen horizontalen Raum zwischen zwei Objekten in HTML zu haben?

Was ist der Weg, einen horizontalen Raum zwischen zwei Objekten in HTML zu haben?
Space spielt eine entscheidende Rolle nicht nur bei der Entwicklung der Website, sondern auch bei der Schreiben von Büchern, Forschungsarbeiten, Artikeln und vielen anderen. Ohne Abstand wird es schwierig, eine Seite zu überfliegen und zu wissen, welche Elemente verwandt sind und was nicht. Räume werden zum Entwerfen verwendet. Wenn wir Platz im Design sehen, können wir uns vorstellen und frei machen. Um den Verbrauchern zu helfen, die Informationen schneller zu identifizieren und zu verstehen, werden Lücken festgelegt, um eine visuelle Hierarchie der Stücke zu erstellen.

In diesem Beitrag wird ein Raum zwischen zwei Objekten horizontal angeben.

Was soll der HTML einen horizontalen Raum zwischen zwei Objekten haben??

Um einen horizontalen Raum zwischen zwei Objekten zu haben, lesen Sie die folgenden Methoden:

  • Methode 1: Horizontaler Raum zwischen zwei Objekten in HTML hinzufügen
  • Methode 2: Horizontraum zwischen zwei Objekten mit CSS -Eigenschaften hinzufügen

Methode 1: Horizontaler Raum zwischen zwei Objekten in HTML hinzufügen

So fügen Sie den horizontalen Raum in HTML hinzu, die “
Element wird verwendet. Probieren Sie dazu die angegebenen Anweisungen aus.

Schritt 1: Fügen Sie einen DIV -Behälter hinzu

Zum Zweck des Hinzufügens eines “divContainer auf der HTML -Seite, die “”Tag wird verwendet. Geben Sie auch eine an “Ausweis" oder "Klasse”Attribut mit einem Namen.

Schritt 2: Erstes Objekt einfügen

Fügen Sie als nächstes das Objekt nach Ihren Wünschen hinzu. In diesem Fall haben wir das verwendetElement, um ein Bild im Element hinzuzufügen.

Schritt 3: Horizontaler Raum hinzufügen

Danach fügen Sie den Raum mit Hilfe der "hinzu"
" Schild. Der "
Das Tag wird verwendet, um einen Zeilenumbruch in den Text, Bildern, Schaltflächen und anderen Objekten zu erzeugen.

Schritt 4: Anderes Objekt hinzufügen

Fügen Sie nun ein zweites Objekt hinzu, indem Sie demselben Verfahren folgen:







Infolgedessen wurde der horizontale Raum erfolgreich zwischen den Objekten im HTML -Dokument hinzugefügt:

Methode 2: Horizontale Raum zwischen zwei Objekten mit CSS -Eigenschaften hinzufügen

Sie können auch die CSS verwenden “weißer RaumEigenschaft, um Platz zwischen zwei Objekten hinzuzufügen. Hier implementieren wir ein weiteres Beispiel, indem wir eine Schaltfläche auf der Seite hinzufügen. Befolgen Sie die angegebenen Anweisungen für praktische Auswirkungen.

Schritt 1: Entwerfen Sie einen „Div“ -Container

Entwerfen Sie einen Div -Behälter mit dem “" Element.

Schritt 2: Fügen Sie Schaltflächen in "Div" hinzu

Fügen Sie als nächstes Schaltflächen hinzu, indem Sie die „verwenden“Element- und Einbetten -Text, um auf der Schaltfläche anzuzeigen:




Es ist zu bemerken, dass die Tasten erfolgreich hinzugefügt wurden:

Schritt 3: Horizontaler Raum hinzufügen

Greife auf ... zu "div"Container mit Hilfe des Klassennamens als".H-Raum”:

.H-Raum
weißer Raum: Vor-Wrap;

Dann wenden Sie die “an“weißer Raum"CSS -Eigenschaft und setzen Sie den Wert als" als "vor der Handelung”Um Platz zwischen den Objekten hinzuzufügen.

Ausgang

Sie haben verschiedene Methoden zur Spezifikation des horizontalen Raums zwischen zwei Objekten erfahren.

Abschluss

So fügen Sie einen horizontalen Raum zwischen zwei Objekten hinzu, der HTML "
”Tag wird verwendet. Sie können es verwenden, um Zeilenumbrüche zwischen Text, Bildern, Schaltflächen und vielen anderen Objekten hinzuzufügen. Außerdem das “weißer Raum"CSS -Eigenschaft mit dem Wert"Vor" oder "vor der Handelung”Wird auch für denselben Zweck verwendet. Dieser Artikel hat die Methode gezeigt, um einen Platz zwischen zwei oder mehr Objekten horizontal zu haben.