【HTML&CSS】画像(imgタグ)を中央寄せにして、表示する方法

<style>
    .img-block {
        text-align: center;
    }
</style>

<div class="img-block">

    <!-- 画像(imgタグ)を中央寄せにして、表示する方法 -->
   
    
    <h2>ロボ玉🔥</h2>
        <img src="https://masanyon.com/wp-content/uploads/2022/11/d86f450b53c3f637a992b2a5433348c7-1024x768.jpg" 
        alt="1匹のロボ玉がいます" width="500" height="350" style="border: 1px solid black;">
    <div>
        <small>© 2022 神聖グンマー帝国 ロボ玉教団</small>
    </div>

    <h2>ロボ玉がいっぱい-もきゅもきゅ🔥</h2>
    <img src="https://masanyon.com/wp-content/uploads/2022/11/robotama-kawaii-1024x768.jpg" 
    alt="多数のロボ玉がいます"
    width="500" height="350"
    >
    <div>
        <small>© 2022 神聖グンマー帝国 ロボ玉教団</small>
    </div>

    <h3>画像を中央寄せに表示させるためには、画像の外枠となるdiv要素にtext-align : center を付与します。 画像そのものではなく、親要素にCSSを付与することに注意しましょう。</h3>


</div>