28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Sur l'image, je mets en forme une balise h2 qui est en float:left. A droite, j'ai un texte encadré d'un <p></p>.

J'ai beau ajouter un clear:both pour mon h2, rien à faire pour mettre le texte à la ligne, avez-vous une idée ?

Merci.

http://a.imageshack.us/img834/5039/capturedcran20100827133.png

.post h2 {
background:url("images/puce-titre-vert.gif") no-repeat scroll 5px center #678F17;
color:#FFFFFF;
display:block;
float:left;
font-size:110%;
font-weight:bold;
margin:0;
padding:1px 10px 1px 18px;
text-transform:uppercase;
clear:both;
}
Modifié par chatlumo (28 Aug 2010 - 12:17)
Salut,

ben il suffit de supprimer le float du H2.

Sinon c'est sur le paragraphe qu'il faut affecter le clear:left.
Merci ! Donc à voir dans le <p> car je dois le laisser pour que le fond du H2 ne prenne pas toute la largeur du conteneur.