h1 { color : rgb(212, 0, 255); }

.class1 {color :green; font-size: 20px;}
#id1 {color : rebeccapurple; font-size: 22px; }


/* Juste pour bien voir les boîtes */
.block, .inline, .inline-block {
  border: 2px solid black;
  padding: 6px;
  margin: 6px 0;
}

/* BLOCK : prend toute la largeur, passe à la ligne */
.block {
  background: #e9e9e9;
}

/* INLINE : reste dans la ligne, ignore width/height */
.inline {
  background: #d7f5ff;
  margin: 0 6px; /* marge horizontale ok */
}

/* On essaye de donner une taille à un inline */
.test-size {
  width: 200px;
  height: 50px;
}

/* INLINE-BLOCK : reste sur la ligne MAIS accepte width/height */
.inline-block {
  display: inline-block;
  background: #d9ffd7;
  margin: 0 6px;
}