画像のすぐ下にテキストを設置したい

Question

画像のすぐ下にテキストを設置したいのですが、<p>を入れると横並びになっていた画像が縦並びになってしまうため、横並びのままテキストが設置できるようにするためにはどうしたら良いか教えていただけたら助かります。

以下のように書くと、画像は横一列に３つ並ぶ
<img src="images/xxx.jpg" alt="xxx" class="sec04-2">
<img src="images/xxx.jpg" alt="xxx" class="sec04-2">
<img src="images/xxx.jpg" alt="xxx" class="sec04-2">

以下のようにpタグを設置すると、画像が縦1列になってしまう
<img src="images/xxx.jpg" alt="xxx" class="sec04-2">
<p>xxx</p>
<img src="images/yyy.jpg" alt="yyy" class="sec04-2">
<p>yyy</p>
<img src="images/zzz.jpg" alt="zzz" class="sec04-2">
<p>zzz</p>

Comments

[itagagaki]

レイアウトにはCSSを使いますよね？
CSSについては、どこまでお分かりになっていますか？

[daidaikichi]

はい、基本的には、CSSを使ってレイアウトしています。

[itagagaki]

ではCSSのコードも質問に追記してください。
質問は編集できます。

Answer 1

テキストを画像と同様に横並びにするのであれば、以下のようにしてはいかがでしょうか。

p{
  display: inline;
}