画像が真ん中に来ません。どうすればよいですか？

Question

どのようにすれば画像が幅の真ん中にきますか？色々試しましたが、ずっと左にいます。

<section class="copyRight">
    <div class="copyRight-img">
      <img src="img/copyRight.png" alt="コピーライト">
    </div>
  </section>

/* CSSのリセット */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  font-family: 'Roboto', sans-serif;
}
/* コピーライト */
.copyRight {
  background-color:black;
}
.copyRight-img {
  max-width: 1140px;
  text-align: center;
}
.copyRight-img img{
  width:1140px;
  padding:30px 15px;
}

Answer 1

.copyRight-imgにmargin: 0 auto