このワンコの画像をもっと上にして文字と横並びになるようにしたいのですが htmlとcssはどのように入力すればいいですか？
このワンコの画像をもっと上にして文字と横並びになるようにしたいのですが htmlとcssはどのように入力すればいいですか？
ベストアンサー
sayoさん >････画像をもっと上にして文字と横並びに････････ ご参考に↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <style> .wrap{ margin:0 auto; width:70%; display:flex; justify-content: space-between; 1align-items:center; } img{width:30%; height:200px; } </style> </head> <body> <div class="wrap"> <div class="txt"> <h2>ワンコの画像をもっと上に</h2> <p>画像をもっと上にして文字と横並びになるようにしたい</p> <p>htmlとcssはどのように入力すればいいですか？</p> <h3>flex box で記述します</h3> </div> <img src="https://s.yimg.jp/images/ks/official/nt/grd/prf_150.png" > </div> </body> </html>
質問者からのお礼コメント
ありがとうございました。 綺麗にレイアウトできました
お礼日時：5/31 12:58
