css - CSSを使用して新しいクラスを追加せずにDIV内で画像を整列させる方法

Question

画像をDIV内の中央に揃える必要がありますが、新しいクラスを追加できません。これを行うことは可能ですか？私は試しましたが、今まで手がかりはありませんでした。

<div class="thumbnail visible-phone">
    <a href="/#"><img src="some.jpg"></a>
</div>

いくつかの手がかり？

よろしくお願いします、

Answer 1

.thumbnail {
  text-align: center;
}

これにより、すべてのテキストがdivの中央に配置されます。

画像だけを中央に配置し、他のすべてをそのままにしておきたい場合は、

.thumbnail img {
  display: block;
  margin: auto;
}

Answer 2

または、クイックインラインスタイルを追加するだけです

<div class="thumbnail visible-phone">
<a href="/#"><img src="some.jpg" style="text-align: center"></a>