ここから本文です

HTML5について 文字と写真を交互に表示させたいのですが、どうすればよろしいです...

mik********さん

2019/7/1321:09:38

HTML5について
文字と写真を交互に表示させたいのですが、どうすればよろしいですか?

写真 文字
文字 写真
写真 文字

と表示したいです。
よろしくお願い致します!

閲覧数:
13
回答数:
1

違反報告

ベストアンサーに選ばれた回答

muc********さん

編集あり2019/7/1400:22:42

写真のサイズやテキストのサイズ、そもそも元のコードなど何も情報が為、
単純に、「質問に対する回答のコード」のみを記載。

色々方法あるけど、一例。

【HTML】
<div class="test"><img src="https://image.flaticon.com/icons/png/512/59/59444.png"alt="Apple"><p>テキストテキストテキストテキストテキスト</p></div><div class="test"><p>テキストテキストテキストテキストテキスト</p><img src="https://image.flaticon.com/icons/png/512/59/59444.png"alt="Apple"></div><div class="test"><img src="https://image.flaticon.com/icons/png/512/59/59444.png"alt="Apple"><p>テキストテキストテキストテキストテキスト</p></div><div class="test"><p>テキストテキストテキストテキストテキスト</p><img src="https://image.flaticon.com/icons/png/512/59/59444.png"alt="Apple"></div>_____________________________________________________
【CSS】
.test{
display : flex;
}

.test img{
width : 150px;
height : 150px;
}

この回答は投票によってベストアンサーに選ばれました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる