過去の質問やネットで調べながら思考錯誤していたのですがうまくいかず、皆様からご教授いただきたく質問させていただきます。
横並びなのではじめはflexを使っていたのですが、思うようにいかなかった為、floatで試してみましたがこちらも満足いくものにはなりませんでした。皆様宜しくお願い致します。
html
1コード 2<div class="carcos"> 3<p class="sample1"><a href="car-costam.html"><img src="images/***.jpg" width="640" height="480" alt="ああ"></a></p> 4</div> 5<div class="carcos"> 6<p class="sample2"><a href="car-costam.html"><img src="images/***2.jpg" width="640" height="425" alt="い"></a></p> 7</div> 8<div class="carcos"> 9<p class="sample3"><a href="car-costam.html"><img src="images/***.jpg" width="640" height="426" alt="う"></a></p> 10</div>
CSS
1 2.sample1 img{ 3 height: auto; 4 width: 30%; 5 margin-top: 10px; 6 7.sample2 img{ 8 height: auto; 9 width: 35%; 10} 11.sample3 img{ 12 height: auto; 13 width: 40%; 14} 15.carcos{ 16 float:left; 17 width: 33% 18}
回答1件
あなたの回答
tips
プレビュー