Bonjour.

Dans mon site (statique) , j'ai inclus une zone commentaire. Chaque commentaire est dans un bloc div. Au lieu d'etre tous alignés les un en dessous des autres, il sont en forme d'escalier ( veuillez voir la photo pour mieux comprendre ) . Je ne trouve pas l'erreur dans mon code.

Veuillez m'aider svp.

Je dois finir le site avant 22h00, ce soir.

Merci d'avance.

Voici le résultat du code

Voici le code HTML

<div id="post_bar">
					<div id="post">
						<div>
							<img src="images/elon.jpg" style="width: 75px; margin-right: 4px; ">
						</div>
						<div>
							<div style="font-weight: bold; color: #405d9B;">Elon Musk</div>
							Hello
							<br><br>
							<a href="">Like</a> . <a href="">Commentaires</a>. <span style="color: #999">29 Decembre 2020</span>
						</div>
					</div>

Et voici le code CSS

#post_bar
{
	margin-top: 20px;
	background-color: white;
	padding: 10px;
}
#post
{
	padding: 4px; 
	font-size: 13px;
	display: flex;

}

Merci de bien vouloir m'aider

Bonjour,

déjà, tu dois probablement boucler, puisque tu ne nous montres qu'un bloc.

• un id doit être unique : utilise des classes
• tu as sûrement une div mal fermée, et donc chaque nouveau bloc est dans le précédent (d'où l'effet d'escalier)

En effet, c'était un/une <div> mal fermé.

Merci beaucoup.

Bonne journée .

Tu as bien changé les id aussi ?

(pense à mettre le sujet en résolu, tu as un bouton pour ça en haut)