テキストを書き込むと画像が縦になってしまいます

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[new1ro]

↓こちらに回答を書いています。
https://teratail.com/questions/257812

質問が重複しているようなので、このページの質問は削除していただけると助かります。

Answer 1

以下のように、<img>と<div class="text">を
<div>や<li>など、要素でまとめる必要があります。

<div class="aaaa">
  <div class="bbbb">
    <img src="IMG_6318.JPG" alt="" width="350">
  </div>

  <div class="bbbb">
    <img src="IMG_5664.jpg" alt="" width="350">
  </div>

  <div class="bbbb">
    <img src="IMG_1256.jpg" alt="" width="350">
    <div class="text">文字を打つ</div>
  </div>

  <div class="bbbb">
    <img src="IMG_3243.JPG" alt="" width="350">
    <div class="text">文字を打つ</div>
  </div>

  <div class="bbbb">
    <img src="IMG_3264.JPG" alt="" width="350">
    <div class="text">文字を打つ</div>
  </div>

  <div class="bbbb">
    <img src="IMG_5963.jpg" alt="" width="350">
  </div>
</div>

---

横並びに配置をしたいなら、CSSは以下のような形です。

.aaaa {
  display: flex;
  flex-wrap: wrap; /* 横並びにしつつ、改行もしたいなら追加。1列で表示したいなら削除。 */
}

Comments

[new1ro]

間違えてこちらに投稿してしまいました。
↓以下、同じ内容と認識していますので、こちらでお願いします。
https://teratail.com/questions/257812