Comment placer des tables HTML sur le côté d'un texte

Un tableau HTML est utilisé pour structurer le contenu sur une page web. Vous pouvez sélectionner la façon dont votre table est affiché sur une page Web, de sorte que le texte figure ci-dessus, en dessous ou à côté d'une table. En utilisant une combinaison de HTML et CSS (Cascading Style Sheets) code, vous pouvez manipuler votre mise en page encore plus. Vous pouvez modifier le code CSS de sorte que le tableau et le texte de côté ont une largeur spécifique et changent le côté sur lequel chaque élément apparaît sur votre page web.

Instructions

  1. Ouvrez le fichier HTML que vous souhaitez modifier dans un éditeur de texte.

  2. Copiez le code CSS suivant et collez-le entre le tag de votre fichier:

  3. Spécifiez la largeur de chaque côté en copiant le code CSS ci-dessous à la place du code ci-dessus et en le collant entre la tag. Puis changez la taille de largeur pour correspondre à votre projet.

  4. Placez le code HTML suivant dans le tag de votre dossier, où le texte et le tableau apparaîtront côte à côte:

    Voici le texte à côté de la table de HTML



    Voici la table à côté du texte ... 
  5. Remplacer le texte et le contenu de la table avec vos informations. Ensuite, sélectionnez "Fichier" et "Sauvegarder" à partir de la barre d'outils pour enregistrer vos modifications.

» » » » Comment placer des tables HTML sur le côté d'un texte