Bonsoir tout le monde.
Je me permet de demander un petit coup de main sur ce forum pour une histoire de positionnement CSS.
J'essaye d'agrémenter un texte de petites images (des "séparateurs") centrées horizontalement entre les paragraphes pour améliorer sa lisibilité.
Cependant, ces séparateurs sont perturbés par l'utilisation d'images flottantes (faisant parti du contenu de mon site) et bénéficiant d'une marge de 20px. Les séparateurs que je voudrais centrés se retrouvent ainsi décalés de 20px si il ils sont au voisinage d'une image flottante.
Le problème en image :
http://xs329.xs.to/xs329/08280/css702.png
La ligne rouge représente l'axe selon lequel sont alignés les séparateurs.
Les images à gauche sont les flottants avec une marge.
Le séparateur entouré en bleu est victime de la marge (et ne se trouve donc pas sur l'axe : c'est mon problème).

Le css pour les images flottantes :
.floatyl {
float:left;
margin-bottom: 20px;
margin-right: 20px;
border: 1px solid black;
}

Le css pour les petits séparateurs :
.sepweak {
display: block;
margin: auto;
margin-top:15px;
margin-bottom:5px;
}

Un grand merci d'avance pour votre aide =)

.sepweak {
clear:both;
display: block;
margin: 15px auto 5px auto;
}

tu peux aussi, à l'intérieur de ton séparateur, mettre un bloc avec un margin-left:-20px;

Le clear:both; marche parfaitement, merci beaucoup.
Le margin lui n'aurait pas marché puisque tous mes séparateurs n'ont pas le problème (j'en aurais eu des à gauche et des centrés).

Mon PC a été utilisé avec un autre compte, le message précédent était de moi.