Comment aligner à gauche la dernière ligne dans une grille de blocs en ligne centrée sans Flexbox ?

Dernière ligne alignée à gauche dans une grille d'éléments centrée à l'aide de Display Inline-Block

L'objectif est de créer une grille de blocs centrée tout en en vous assurant que la dernière rangée est alignée à gauche. Sans recourir à Flexbox ni ajouter de div de remplissage supplémentaires, voici une solution CSS uniquement :

Grille adaptative utilisant Display Inline-Block

<pre class="brush:php;toolbar:false">margin:0;
padding:0;

}

conteneur{

font-size:0;
margin:0 auto;
width:1000px;

}
.block {

font-size:20px;
width: 150px;
height: 150px;
margin:25px;
background: gold;
display:inline-block;

}

@media screen et (max-width : 430px) {

#container{
    width:200px;
}

}

@media screen et (min-width : 431px) et (max-width : 630px) {
#container{

    width:400px;
}

>
@media screen et (largeur min : 631px) et (largeur maximale : 830 px) {
#container{

    width:600px;
}

}
@media screen et (largeur minimale : 831 px) et (largeur maximale : 1030 px) {
#conteneur{

    width:800px;
}

}

<pre class="brush:php;toolbar:false"><div>