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;
}