※ ChatGPTを利用し、要約された質問です（原文：横並びにするCSS）
CSSで画像を横並びに表示する方法について
このQ&Aのポイント
CSSを使用して、画像を横並びに表示する方法について説明します。
指定したdivタグ内のimgタグを横並びに表示するために、display:flex;を使用します。
上記のコード例では、containerクラスを持つdivタグの直下のhogeクラスを持つdivタグ内のimgタグが横並びに表示されます。
以下のdivタグ内のimgタグを横並びに表示するCSSは
.container{
display:flex;
}
で合っていますか？
<body>
<section class="container cf">
<div class="hoge"><img src="img1.jpg" alt=""></div>
<div class="hoge"><img src="img2.jpg" alt=""></div>
<div class="hoge"><img src="img3.jpg" alt=""></div>
<div class="hoge"><img src="img4.jpg" alt=""></div>
</section>
</body>
