Comment mettre deux Divs Side by Side

Instructions

1. Ouvrez un éditeur de texte, tel que Notepad ou édition de texte. Vous serez créez une feuille de style CSS. Si vous avez déjà un composé, ouvert à la place.

2. Définir les propriétés de vos deux balises div. Vous aurez besoin de flotter l'un à droite et un à gauche. Créer un #left de classe appelée et de mettre dans le code suivant:

   gauche {

   largeur: 50% -

   float: gauche

   }

   Ceci va dire votre document HTML que vous voulez la largeur de votre boîte à 50% et à être positionné à gauche. Vous pouvez modifier la largeur et le définir en termes de pixels ou en pourcentage.

3. Créer un #right de classe appelée et de mettre dans le code suivant:

   droit {
   
   
   
   
   

   largeur: 50% -

   float: droite

   }

   Ceci va dire votre document HTML de la même chose à propos de cette classe CSS, mais va positionner la div vers la droite. Enregistrez votre document comme "style.css" et le fermer.

4. Ouvrez le document HTML que vous souhaitez mettre vos balises div. Assurez-vous de ce document est dans le même répertoire que votre feuille de style. Au début du document, le relier à votre feuille de style créée:

5. Descendez et insérer un tag pour définir le début de votre page web, si vous ne possédez pas déjà un. Trouver l'endroit où vous voulez mettre vos tags et insert div

   Box Gauche contenu
   Droit contenu Box
   . Vous pouvez placer tout contenu que vous voulez à l'intérieur de ceux-ci côté div étiquettes- ils seront placés côte à côté de l'autre.