justify-content で、画像が均等に並ばない

Question

 <div class="shop">
    <h2>お店について<BR>
   <span>ABOUT</span></h2>
    <ul class="image">
        <li><img src="b.jpg"><h3>CAFE</h3><p>ゆったりした時間が流れるカフェテリア</p></li>
        <li><img src="c.jpg"><h3>SWEETS</h3><p>パテｲシエ特製のスイーツ</p></li>
        <li><img src="d.jpg"><h3>BOOK</h3><p>洋書専門のブックストアを検索</p></li>
    </ul>
    </div>

.iamge {
    display:flex;
    justify-content:space-around;
}

.image img {
    width:300px;
}

このコードで、.iamge li が均等に横に並ばず、縦に並んでしまっています。
どうすれば、ちゃんとなりますでしょうか。

Comments

[K_3578]

.iamge→.image

[rasta]

ありがとうございます。

[K_3578]

蛇足ですが、
質問者さんの質問内容はググればすぐ出てくるような内容ですし、
似たような質問を連続で上げずにまず調べてみてください。

Answer 1

.iamge li
↓↓↓
.image li

というだけでは？
もっとも、imageをもう少し工夫した方がよいですけど

.image {
display:flex;
justify-content:space-around;
list-style:none;
padding:0px;
}

Answer 2

上記回答で、解決いたしました。

Comments

[Lhankor_Mhy]

他の回答の通り、という自己解決は良くないと思います。
低評価しました。

[K_3578]

Lhankor_Mhyさんと同じ理由で低評価しています。
自分の修正依頼を見て解決した、とかならその旨書いてくれれば別に良いですし、
yambejpさんの回答の方が丁寧だと思うのでそちらをBAにしてくれていいです。

[Lhankor_Mhy]

ああ、補足欄でも指摘されていたのですね。1分違いか……

[K_3578]

こちらの問いに対してレスポンスがほぼ無いので割と諦めてます。