前提・実現したいこと
画像とテキストをひとくくりにして、横並び
発生している問題・エラーメッセージ
Flexboxを使っているのですが横並びになりません。imgのみにすると横並びになりますがpとdivをつけると縦になります。
よろしくお願いします。
エラーメッセージ
該当のソースコード
ソースコード ```<div class="three"> <div class="i"> <img src="image.png" alt=""/> <p>レッスンは1対1でじっくり会話できます。</p> </div> <div class="i"> <img src="image.png" alt=""/> <p>スマホはいつでも予約可能</p> </div> <div class="i"><img src="image.png" alt=""/> <p>分からない事があればいつでも相談できるサポート体制</p></div> </div> .three{ display: flex; } .i{ width: 30%; margin: 0; } .i img { width: 100%; margin: 0; } .i p { width: 100%; margin: 0; } ### 試したこと リストにしたりしても横並びになりません、imgのみにすると横並びになりますがpとdivをつけると縦になります。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
回答2件
あなたの回答
tips
プレビュー