- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:初心者です 画像横に文字を入れたい css)
初心者必見!画像横に文字を入れる方法を解説
このQ&Aのポイント
- web制作初心者の方へ、画像右側に文字を入れる方法をご紹介します。
- htmlとcssを使用して、簡単に実装することができます。
- 具体的なコード例も紹介しているので、ぜひ参考にしてください。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
><li><a href="index.htm"><img src="画像"width=""height=""></a></li> ><div class="text">文字列</div> ><li><a href="index.htm"><img src="画像" width=""height=""></a></li> ><div class="text">文字列</text> 「</li>」でタグを閉じたら、その「リスト項目」はそれで終わりになってしまう。 以下のように、文字列は「<li>と</li>の内側」に書かないといけない。 <li><a href="index.htm"><img src="画像"width=""height=""></a><div class="text">文字列</div></li> <li><a href="index.htm"><img src="画像" width=""height=""></a><div class="text">文字列</text></li>
その他の回答 (1)
- t_ohta
- ベストアンサー率38% (5253/13739)
回答No.1
ブロックレベル要素は、基本的にそれだけで一段を構成するので上下で改行されます。 単純に横に並べるだけなら <li><a href="index.htm"><img src="画像"width=""height=""></a>文字列</li> でいいはずです。 また、<ul>の直下に<div>が居るのはおかしな記述です。<ul>の子要素は<li>か<script>である必要が有ります。