htmlはどのように複数の並列divを中央に表示させます

<div id="testContainer">
    <div><img src="1.png">div>
    <div><img src="1.png">div>
    <div><img src="1.png">div>
    <div><img src="1.png">div>
    <div><img src="1.png">div>
    <div><img src="1.png">div>
    <div><img src="1.png">div>
    <div><img src="1.png">div>
div>
#CSS:
#testContainer {
    text-align: center;
}
#testContainer > div {
    display: inline-block;
}
#testContainer img {
    width: 200px;
    height: 200px;
}