body {

  margin:0; 

  padding:10px 40px; 

  background:white;         

  font-size: 1.4em;         

  font-family: helvetica, arial, serif;

}

​

h1 {

  color: #345; 

  text-shadow: 2px 2px 2px #aaa; 

  font-size:1.8em

}

​

h2 {

  color: #678; 

  text-shadow: 2px 2px 2px #aaa; 

  font-size:1.1em

}

.voitures {

   width: 100%;

   outline: 1px solid #333;

   background: #eee;

   margin: 0; padding: 0;

   display: flex; 

  justify-content: flex-start;

  flex-wrap: wrap;

   /* flex-direction: column;

   flex-direction: column;

   flex-direction: column-reverse;

    flex-direction: row-reverse;

    flex-direction: row; // default

   alignement axe principal (row, column)

  justify-content: center;

  justify-content: flex-start; // default

  justify-content: flex-end;

  justify-content: center;

  justify-content: space-between;

  justify-content: space-around;

   alignement axe secondaire (row, column)

   Valeurs possibles flex-start, flex-end, center, baseline, stretch

  align-items: center; 

  */

}

​

​

​

li {

  color: #fff; 

  padding: 10px; 

  list-style: none; 

  background: tomato;

}

​

li:nth-child(2) {background: orange}

li:nth-child(3) {background: #800000}

li:nth-child(4) {background: #FF3399}

li:nth-child(5) {background: #3399FF}