Quelle est la façon d'avoir un espace horizontal entre deux objets en HTML?

L'espace joue un rôle crucial non seulement dans le développement de sites Web, mais aussi dans l'écriture de livres, de documents de recherche, d'articles et bien d'autres. Sans espacement, il devient difficile de parcourir une page et de savoir quels éléments sont liés et ce qui n'est pas. Les espaces sont utilisés pour la conception. Lorsque nous voyons l'espace dans la conception, il nous permet d'imaginer et de se promener librement. Afin d'aider les consommateurs à identifier et à comprendre les informations affichées plus rapidement, des lacunes sont établies pour créer une hiérarchie visuelle des pièces.

Ce message indiquera avoir un espace entre deux objets horizontalement.

Quel est le HTML d'avoir un espace horizontal entre deux objets?

Pour avoir un espace horizontal entre deux objets, consultez les méthodes suivantes:

• Méthode 1: Ajouter un espace horizontal entre deux objets en HTML
• Méthode 2: Ajouter un espace horizon entre deux objets en utilisant les propriétés CSS

Méthode 1: Ajouter un espace horizontal entre deux objets en HTML

Pour ajouter l'espace horizontal en HTML, le «
»L'élément est utilisé. Pour ce faire, essayez les instructions données.

Étape 1: Ajouter un conteneur div

Dans le but d'ajouter un «div”Container dans la page HTML, le«»La balise est utilisée. Spécifiez également un «identifiant" ou "classe»Attribut avec un nom.

Étape 2: insérer le premier objet

Ensuite, ajoutez l'objet en fonction de votre préférence. Dans ce cas, nous avons utilisé le «»Élément pour ajouter une image à l'intérieur de l'élément.

Étape 3: Ajouter un espace horizontal

Après cela, ajoutez l'espace à l'aide du «
" étiqueter. Le "
»La balise est utilisée pour produire une rupture de ligne dans le texte, les images, les boutons et autres objets.

Étape 4: Ajouter un autre objet

Maintenant, ajoutez un deuxième objet en suivant la même procédure:

En conséquence, l'espace horizontal a été ajouté avec succès entre les objets du document HTML:

Méthode 2: Ajouter un espace horizontal entre deux objets en utilisant les propriétés CSS

Vous pouvez également utiliser le CSS "espace blanc»Propriété pour ajouter de l'espace entre deux objets. Ici, nous implémenterons un autre exemple en ajoutant un bouton sur la page. Pour des implications pratiques, suivez les instructions données.

Étape 1: Concevoir un conteneur «div»

Concevez un conteneur div avec le «" élément.

Étape 2: Ajouter des boutons dans «div»

Ensuite, ajoutez des boutons en utilisant le «”Élément et intégrer du texte à afficher sur le bouton:

Bouton 1
Bouton 2

On peut remarquer que les boutons ont été ajoutés avec succès:

Étape 3: Ajouter un espace horizontal

Accéder au "div”Container avec l'aide du nom de classe comme«.espace h»:

.h-espace
Espace blanc: pré-wrap;

Ensuite, appliquez le «espace blanc»Propriété CSS et définissez la valeur comme«se prélever«Pour ajouter de l'espace entre les objets.

Sortir

Vous avez appris diverses méthodes pour spécifier l'espace horizontal entre deux objets.

Conclusion

Pour ajouter un espace horizontal entre deux objets, le HTML "
»La balise est utilisée. Vous pouvez l'utiliser pour ajouter des pauses de ligne entre le texte, les images, les boutons et de nombreux autres objets. De plus, le «espace blanc"Propriété CSS avec la valeur"pré" ou "se prélever"Est également utilisé dans le même but. Cet article a démontré la méthode pour avoir un espace entre deux ou plusieurs objets horizontalement.