- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：画像の下に文字が来ないようにするには）
画像の下に文字が来ないようにする方法
このQ&Aのポイント
- 画像の下に文字が来ないようにするためには、適切なCSSスタイルを使用する必要があります。
- 例えば、画像と文字を表示する要素に対して、displayプロパティを設定し、画像と文字を別々の行に表示させることができます。
- また、floatプロパティを使用することで画像と文字を横並びに表示させることもできます。
- JLORTMXSVY
- お礼率100% (36/36)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
先に述べられているとおり、 li を使用する場合は、 <ul> <li>~~~~~~~~~~~</li> <li>~~~~~~~~~~~</li> </ul> または <ol> <li>~~~~~~~~~~~</li> <li>~~~~~~~~~~~</li> </ol> とする必要があります。 http://www.tohoho-web.com/html/li.htm ご質問の問題を解決するためには、 CSSで以下のように指定すると解決できます。 img { float: left; } li { clear: both; display: block; }
その他の回答 (1)
- PXU10652
- ベストアンサー率38% (777/1993)
回答No.1
「<li>タグの中に、左に画像、右に文字を改行して表示させたいのですが、 改行すると画像の下に2行目が来てしまいます。」 何のためにliタグを使用しているのでしょうか？ 本来、リストを作成するためのタグであり、ouかolとセットで利用します。 http://www.htmq.com/html/li.shtml 画像の右側に文字列を回り込ませたいのであれば、<img src="C:\UsersDesktop\test.jpg" align="left">で可能です。 http://www.fureai.or.jp/~irie/html-tag/img.html
質問者
お礼
回答ありがとうございました。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
回答ありがとうございました。