Bonjour, j'ai le code suivant pour faire des carré div:

<div class="centre1" style="width: 100px;  padding-top:10px; padding-bottom:10px;border: 3px solid #A0A0A0; text-align: center;background: #696969;"> CENTRE 1 <div>

<div classe ="centre1" style="width: 100px;  padding-top:10px; padding-bottom:10px;border: 3px solid #A0A0A0; text-align: center;background: #00FF00;"> VSAV1 </div>

Mais je n'arrive pas a les mettre horizontalement, pouvez vous m'aider ?

-
Edité par VivienHeng 11 août 2017 à 19:51:43

Bonsoir,

Attention, style="..." fortement déconseillé dans le HTML, mettre les déclarations dans la feuille de style .css,
ensuite une bonne solution est de mettre les deux div dans un conteneur en display:flex, conteneur ayant une hauteur et une largeur définies

Salut,

Je suis d'accord avec ChrisLebure pour le style, un fichier annexe est préférable.

Pour mettre en ligne (horizontalement) tes blocs, tu peux effectivement utiliser la propriété flex. Je te conseille de lire cette page de tuto pour son utilisation.

Par contre, nul besoin d'imposer une hauteur ou largeur au conteneur 

un dernier détail : classe='' n'existe pas.

remplace classe par class

cdt