Discussion :

[Taijin]

Bonjour à tous, je m'adresse à vous car je codais en HTML et CSS afin de créer une ligne de 4 images contenant un texte chacune. J'avais réussi a avoir ma ligne

cependant lorsque j'ai voulu rajouter du texte tout s'est mis en colonne

Comment puis-je faire?
Merci par avance

[Archimède]

Pär défaut les div sont de type block..il faut qu'elles aient un comportement de type en ligne.
Donc sur tes div qui contiennent les images et les paragraphes, tu ajoutes une classe inline avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
 .inline{
  display:inline-block;
}

[Dave Hiock]

\ô/

voire à changer pour une structure plus sémantique

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<figure>
  <img>
  <figcaption></figcaption>
</figure>

et mettre le tout dans un conteneur en display:flex.