.btnをdisplay:inline-blockにした場合、どうやって中央揃えにすればいいですか?

画像を中央揃えにする方法について説明します。
2020年4月15日
ユーザー

質問があります。

header img {
  width: 280px;
  vertical-align: bottom;
}

.btn {
  text-decoration: none;
  background: #fff;
  color: #f59a00;
  display: block;
  width: 140px;
  line-height: 44px;
  margin: 40px auto 48px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
}

上記のやり方で、きちんと動かすことができましたが、.btnをinline-blockに変更し、画像の真ん中にもっていくにはどうすればいいですか?

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(13)