Blocs inséparables

je voudrais, sur cet exemple, que les 2 paragraphes soient côtes à côtes, mais je ne parviens pas à faire remonter le bloc2 commentaire au même niveau que le bloc1

pourtant les 2 blocs me semblent indépendants l'un de l'autre et bien enfant du bloc paragraphe, donc je ne comprend pas

évidement, tout le monde peut se tromper !
merci d'avance

Salut,

Les balises <div> sont des elements de type bloc.
Ils se presentent les un sur les autres, au contraire des elements en ligne ( span par exemple).
Cependant, tu peux faire flotter un bloc a cote d un autre grace a l'attribut float (dans ce cas la, float:left sur le premier paragraphe avec une marge comme tu l a fais sur le second).
Autre chose, tu peux eviter les redondances de code en regroupant des attributs. Comme ceci :

 .class1, .class2, div, #id {
margin:0;
padding:0;

* {
margin:0;
padding:0;
}

ok c'est super ça fonctionne comme je voulais
cependant, dans firefox, le bloc 2 surplombe d'une ligne le bloc1 mais pas de problèmes dans ie

merci pour les tuyaux pour les redondances

Pour le petit decalage, comme ca a ete dit dans le topic d'a cote, c est a cause des styles par defaut de certains elements, ici <p>. Tu peux redefinir ces styles. Applique un margin:0 sur le <p>.