サイトで、回り込みで文字を記載したいです。

<a href="https://px.a8.net/svt/ejp?a8mat=3BM3ZZ+B2B20Y+2Q … rel="nofollow">
<img border="0" width="250" height="250" alt="" src="https://www27.a8.net/svt/bgt?aid=200905919669&wi …
<img border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3BM3ZZ+B2B20Y+2 … alt="">

↑は、広告のコードなのですが、カンタンな説明を画像の右側に記載したいのです。


<div class="box">
<div class="box-img">

<a href="https://px.a8.net/svt/ejp?a8mat=3BM3ZZ+B2B20Y+2Q … rel="nofollow">
<img border="0" width="250" height="250" alt="" src="https://www27.a8.net/svt/bgt?aid=200905919669&wi …
<img border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3BM3ZZ+B2B20Y+2 … alt="">

<div class="box-text">
テキスト<br>
テキスト<br>
テキスト<br>
</div>
</div>

↑のように記載してみたのですが、文字が画像の下に記載されます。

お手数ですが、どのように記載するのか、ご教示していただけないでしょうか？

No.2 ベストアンサー 回答者： gekikaraou 回答日時： 2020/09/08 11:39

あー　ボックスわかんないかぁ、基礎なので一度しっかりイメージして頭の中で、ここはこうして、ここはこうして、みたいなのを考えれるようにならないとね。

んで、解決策はボックスが微妙なら、box-img　と　box-text　に　CSSで　float　を与えれば良いかも。

https://creive.me/archives/13552/#float　のページの　【　floatの使い方　】　の行を見てみれば？

この回答へのお礼

ありがとうございました。
勉強します。

お礼日時：2020/09/08 11:43

No.1 回答者： gekikaraou 回答日時： 2020/09/08 11:20

色々やりかたはあるだろうけど

box-img　と　box-text　を一つの入れ子に入れれば？

この回答へのお礼

回答ありがとうございます。

＞＞box-img　と　box-text　を一つの入れ子に入れれば？

回答いただいたのですが、その意味が理解できません。
この場合の入れ子とは、何を指すのでしょうか？

お礼日時：2020/09/08 11:29